textarea、input样式兼容

来源：互联网发布：矩阵卷积计算方法编辑：程序博客网时间：2024/05/22 01:36

去掉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>

阅读全文

0 0