mui 输入框调整字体的样式
样式 调整 字体 输入框 mui
2023-09-11 14:21:10 时间
问题描述:直接修改 input 的字体样式无效,通过检查元素,发现是 .mui-search .mui-placeholder 这两个类在控制
第一步:当然是对 mui 框架的引入;
第二步:针对输入框的使用可以参考官方文档的样例,这里我把他的输入框帖过来
<div class="mui-input-row mui-search"> <input type="search" class="mui-input-clear" placeholder=""> </div>
第三步:使用 .mui-search .mui-placeholder 操作输入框相关的样式,那么我这里是设置他字体的大小
.mui-search .mui-placeholder { font-size: 14px;}
相关文章
- Android 主题、样式
- Word格式处理控件Aspose.Words for .NET教程——插入段落并调整样式
- Flutter TextButton 详细使用配置、Flutter ButtonStyle样式概述实践
- React Native 三:样式
- 微信小程序 - <textarea> 多行文本输入框 placeholder 属性换行显示文字(适用于 vant-weapp 的 Field 输入框文本域组件 van-field)样式修改的详细教程
- js 获取css非行内样式,你应该了解的getComputedStyle方法
- 滚动条样式
- 如果文字多了,想让超出元素外面的文字以省略号显示的css样式
- Android 6.0 中TimePicker显示为滚动样式的方法
- tp5的 LayUI分页样式实现
- [js高手之路] html5 canvas系列教程 - 文本样式(strokeText,fillText,measureText,textAlign,textBaseline)
- 【快应用】快应用中如何实现tab页面切换时更新tab样式?
- 【快应用】text组件里的文字很多,旁边的div样式会被拉伸如何解决
- 测试文章中的引用样式
- Android学习之控件样式
- 手机端的各种默认样式比如 ios的按钮变灰色
- 【WPF】C#代码动态改变控件的样式