select元素中设置padding效果的方法

设置select元素的padding效果是通过CSS来实现的，方法如下：

1.通过padding属性设置
可以使用padding属性来设置select元素的padding效果，示例代码如下：

select{
  padding: 10px;
}

上述代码设置了select元素的上下左右padding值均为10像素。

2.通过box-sizing属性设置
使用box-sizing属性来影响select元素的padding值的计算方式，示例代码如下：

select{
  padding: 10px;
  box-sizing: border-box;
}

上述代码设置了select元素的padding值会影响其宽度的计算，也就是说，设置了box-sizing为border-box之后，select元素的宽度会包含padding值。

值得注意的是，在设置select元素的padding时，需要注意兼容性问题。在IE6-7浏览器中，无法对select元素设置padding值。解决办法是使用hack或者进行条件加载的方式。示例代码如下：

/* IE6-7 hack */
select{
  *padding: 10px; /* hack */
}

/* IE8+ 标准 */
@media screen\9{
  select{
    padding: 10px;
  }
}

以上就是关于设置select元素中padding效果的方法的完整攻略。