如何解决在chrome中为下拉菜单设置字体大小似乎不会影响样式
|| 我在chrome中为下拉菜单设置了字体大小,但似乎没有改变ѭ0的大小 它适用于FF-当我将字体大小设置为15px时,它明显更大解决方法
有些浏览器将允许您自己修改ѭ1,有些则不允许。
您可以通过设置
border
样式来修改select
元素的浏览器特定样式。
select {
border: 1px solid #ccc;
font-size: 2em;
}
<select>
<option>Quick</option>
<option>Brown</option>
<option>Fox</option>
</select>
,如果Chrome和Safari仅忽略您的身高,请选择以下字体系列和字体大小CSS设置:
添加border属性可以帮助Webkit遵守您的设置。
例:
select {
border: 1px solid #a4a4a4; /*Same grey as default appearance*/
( background: transparent; /*Would work too,but adds an ugly black border*/ )
font-family: times; /*Now in webkit too*/
font-size: 30px; /*Now in webkit too*/
}
,另一个解决方法是用-webkit-appearance: menulist-button;
设置<select>
元素的样式。
select { -webkit-appearance: menulist-button; font-size: 25px; }
<select>
<option>A</option>
<option>BB</option>
<option>CCC</option>
</select>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。