textarea、input样式兼容

xiaoxiao2021-02-28  77

去掉textarea默认的右下角那个东东,用resize:none; 去掉IE下右边默认滚动条,用overflow:auto; IE9(含)以下textarea的placeholder生效,暂时使用jq扩张的,感觉这样不是很好,链接http://www.jq22.com/jquery-info5830

下面摘录自http://blog.csdn.net/wide288/article/details/51094041 因为我们只想改变placeholder文字的颜色,并不想改变输入文字的颜色。 正确的写法如下: ::-moz-placeholder{color:red;} //ff ::-webkit-input-placeholder{color:red;} //chrome,safari :-ms-input-placeholder{color:red;} //ie10

修改select下拉选框样式:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> select{ border: none; outline: none; appearance:none; -moz-appearance:none; /*for firefox*/ -webkit-appearance:none; /*for chrome*/ padding-right: 10px; color:#FFF; font-size: 30px; width: 200px; height: 50px; overflow: hidden; background: url(arrow.png) no-repeat right #FF9900; } option{ color:#FFF;} </style> </head> <body> <select name="type" class="select"> <option selected="selected" style="">所有分类</option> <option value="1">图书</option> <option value="2">音像</option> </select> </body> </html>
转载请注明原文地址: https://www.6miu.com/read-32580.html

最新回复(0)