码迷,mamicode.com
首页 > 其他好文 > 详细

select相关问题

时间:2017-10-09 10:56:34      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:center   padding   bar   appear   1.5   none   text   无效   direction   

1.设置option文字居中时发现,给select设置text-align:center在火狐浏览器下ok,但是在chrome浏览器无效,然后option在两个浏览器下设置text-align:center都是无效

解决方案:

select:{ width: auto; padding: 0 1%; margin: 0; }

option{ text-align:center;}

*必须设置select的padding

*不用设置select的宽(width),auto就可以了。

2.文本居右

*第一种,用padding挤(固定布局)

*第二种 

<select dir="rtl">
    <option>Foo</option>    
    <option>bar</option>
    <option>to the right</option>
</select>
<style>
select {  direction: rtl; }
</style>
3.小图标问题
select {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url("../img/arrow.png") no-repeat scroll right center transparent;
  padding-right: 10px;
}

select相关问题

标签:center   padding   bar   appear   1.5   none   text   无效   direction   

原文地址:http://www.cnblogs.com/xiaokele1314/p/7639782.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!