styling 相关问题

所以我觉得自己像个白痴。我不太明白这一点。任何帮助都将不胜感激。结构... 基地布局： <> 所以我觉得自己像个白痴。我不太明白这一点。任何帮助都将不胜感激。结构... base layout: <> <Header /> <div className="flex h-screen overflow-hidden"> <Sidebar /> <main className="w-full pt-16"> {children} </main> </div> </> child layout: <> <div className="h-full overflow-auto"> <div className="h-full flex-1 space-y-4 p-4 md:p-8 pt-6"> {children} </div> </div> </> child component layout: <> <div className="flex items-center justify-between"> ...header component </div> <div> ...stepper progress bar </div> <Form> ...form </Form> <div className="mt-8 py-6"> <div className="flex justify-between self-end"> ...stepper buttons... </div> </div> </Form> </> 问题是我需要这些按钮位于视口的底部，但如果页面扩展并触发溢出自动，这些按钮仍应位于视口的底部。我无法从该组件中取出按钮并将其设置为页脚，因为这些功能与子组件布局内的表单相关联。任何帮助将不胜感激。我尝试为按钮容器的父容器（div mt-8 py-6）提供全高，但它只是导致了一些重量高度问题，在不应该出现的情况下延伸到溢出。如果您的要求是将某些按钮固定在视口底部，那么您将不得不使用固定定位。应用position:fixed; bottom: 0风格更多关于固定定位的信息这里

css tailwind-css styling

回答 1 投票 0

MUI React 删除焦点上的轮廓边框

我一直在尝试将 2 个 MUI 输入放在同一标签下以创建自定义字段。我通过将字段包装在另一个 TextField 中作为 div 找到了解决方案，但这会产生一些不良效果...

css reactjs material-ui styling form-fields

回答 1 投票 0

样式不适用于react-native-wheel-pick

样式不适用于react-native-wheel-pick的选择器。这是我的选择器，样式不适用于react-native-wheel-pick的选择器。这是我的选择器， <View style={styles.pickerContainer}> <Picker style={styles.picker} selectedValue={selectedHeight} itemStyle={{ color: 'black', fontSize: 12 }} onValueChange={(value) => setSelectedHeight(value)} pickerData={heightData.map(item => `${item.ft} ${item.cm}`)} itemSpace={40} highlightColor={"transparent"} indicatorColor={"transparent"} renderItem={(data, index) => { return ( <View style={[styles.heightItemContainer, index === selectedHeightIndex && styles.highlightedItem]}> <Text style={[styles.heightText, index === selectedHeightIndex && styles.highlightedText]}> {data} </Text> </View> ); }} /> </View> “pickerContainer”的样式有效，但“picker”不起作用，字体大小也没有变化，样式中没有任何反映。我尝试直接对选择器组件进行内联样式，但它不起作用。您必须在 ItemStyle 中添加 fontSize，它可以反映您在 android 上的更改，但您需要硬重新加载才能在 android 上获取更改。在 ios Picker 中提供一个 textSize 属性，您可以更改其上的 textSize 。这是我使用的代码 <Picker textSize={18} textColor={colors.themewhite} selectedValue={value} isShowSelectLine={false} style={styles.categoryAndSubCategoryStyle} itemStyle={{ left: 9, width: 180, overflow: 'hidden', flex: 1, height: moderateScale(180), fontSize: moderateScale(15), color: colors.themewhite, borderRadius: moderateScale(20),}, ]} pickerData={Array} onValueChange={data => { // Do Anything }} /> 它将解决您的问题。

android css react-native styling react-native-picker

回答 1 投票 0

TailwindCSS 默认颜色在我的项目中未被识别

我已将自定义颜色添加到我的 TailwindCSS 项目中，但是，当我尝试使用内置颜色（例如 text-blue-200）时，它在 HTML 文件中无法识别。知道这可能是什么吗？这里...

javascript html css tailwind-css styling

回答 1 投票 0

数据层：动态样式

我正在使用以下函数在地图上设置折线样式： CountyLayer.addListener('点击', 函数(事件) { CountyLayer.overrideStyle(event.feature, {StrokeWeight: 8}); }); 现在我想删除

google-maps-api-3 styling

回答 1 投票 0

宽度自定义后角度滚动条始终可见

Angular 中滚动条的默认行为是仅在滚动期间可见。我是 .scroll-element { &::-webkit-滚动条 { 宽度：4px； } &::-webkit-scrollbar-thumb { ...