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