首页 > 其他 > 详细

如何在Safari中设置select高度

时间:2017-06-09 00:18:15      阅读:474      评论:0      收藏:0      [点我收藏+]

在Safari浏览器中如果想对select控件进行高度设置,最常用的方法是下面几个:

  • -webkit-appearance: menulist-button; 
  • -webkit-appearance: none; 

从行为上看这是Safari的一个bug,但是如果从设计思想出发的话,这个也许并不算是bug。控件是由引擎来实现行为和逻辑,再由主题API来进行绘制完成(mac上的主题是Aqua)。外观样式通过-webkit-appearance进行控制,如果不需要默认的外观,只需要将-webkit-appearance设置为none,然后就可以在上面为所欲为了??。

想要删除select元素上的Aqua样式,设置-webkit-appearance只是其中的一种,另外两种分别是:

  • 指定元素的边框border 
  • 指定元素的背景background

通过上面任意一种方式去除select元素的Aqua样式后,我们就可以通过属性修改:

  • font-family
  • font-size 
  • heightline-height
  • padding(只有修改-webkit-appearance才可以设置)

如何在Safari中设置select高度

原文:http://www.cnblogs.com/philipding/p/6965400.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!