css中关于字体颜色的设置

html-css011

css中关于字体颜色的设置,第1张

#1 中的

background-color:#000

opacity:0.15

这两行 换成下面两行,如果不用兼容ie的话,就使用下面第一行就行了。

background-color: rgba(0,0,0,.15)

filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000')\9

因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。

::-webkit-input-placeholder { /* WebKit browsers */

color:#999

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color:#999

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

color:#999

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

color:#999

}

还可以写成下面这样:

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

color: #666

}

input:-moz-placeholder, textarea:-moz-placeholder {

color:#666

}

input::-moz-placeholder, textarea::-moz-placeholder {

color:#666

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {

color:#666

}

改变选中文本的字体颜色,那我们需要的就是通过jS的onmousedowm来做,然后获取到它选择的这段文字的对象,然后在通过js改变它的css来做就行了,这里我写段代码:

<html>

<head></head>

<script>

var oDiv = document.getElementById('div1')

oDiv.onmousedown = function(){

oDiv.style.color = '#f00'

}

</script>

<body>

<div id='div1'>

<p>选择我会变颜色</p>

</div>

</body>

</html>