⑴ js控制字体颜色
<inputtype="text"onfocus="this.style.color='#272727'"style="color:#3c3c3c;"value="adf321klfds"/>
如上代码就可以了,不过#3c3c3c和#272727这两个颜色太接近了,肉眼好难看出来 - -,你改个别的颜专色就可以看出效属果了,比如#272727改成#00ff00
⑵ 怎么在js里用正则表达式提取文字并改变其颜色呢比如一段文字里的“我”字,用正则提取改变字的颜色。
var content = document.getElementById("d1").innerHTML;//获取到的一段文字
var reg = /\#[0-9a-zA-Z]{6}/g; //这个就相当于”我“
content = content.replace(reg,"#000"); //设置获取到文字设置我的颜色
document.getElementById("d1").innerHTML = content; //将设专置号的重属新放到html中
⑶ js实现选中复选框文字变色的方法
本文实例讲述了js实现选中复选框文字变色的方法。分享给大家供大家参考。具体如下:
这里实现选中复选框时,文字加上一个背景色,变通一下,还是很有用的。
运行效果如下图所示:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-checkbox-cha-font-color-codes/
具体代码如下:
<html>
<head>
<title>选中复选框文字变色</title>
<style>
.checkbox
{
background-Color:e-xpression(this.checked?'yellow':'buttonface');
}
</style>
</head>
<script>
function
chaCloor(field){
var
pig
=
field.checked;
pig?field.nextSibling.style.backgroundColor="skyblue":field.nextSibling.style.backgroundColor="white";
}
</script>
<body>
<table
height=48
width=136>
<tr>
<td><input
type="checkbox"
onClick="chaCloor(this)"><span>网页特效</span></td>
</tr>
<tr>
<td><input
type="checkbox"
onClick="chaCloor(this)"><span>源码下载</span></td>
</tr>
<tr>
<td><input
type="checkbox"
onClick="chaCloor(this)"><span>编程软件</span></td>
</tr>
</table>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
⑷ js怎么实现选中后,图标和文字都变色
1、逻辑很简单,如果是图片的话,就是不停地换图片。比如点击女之后,女这块图片变成绿色图片,男那边图片变成黑色图片。
2、如果用符号做逻辑也是一样的,点击之后两个项目都变色,一个变成绿色、另一个变成黑色。
3、具体的JavaScript代码如下图所示。
⑸ js有没有办法可以获取选中文字的大小,颜色等属性
这个.好像是不行.
能获取某控件style中字号.颜色等属性:
document.getElementById("控件ID").style.color
document.getElementById("控件ID").style.fontSize
------------------------
如果取出innerHTML.而该innerHTML里面没有局部的css的话.是可以修改的.如:
var val=document.getElementById("控件ID").innerHTML;
//此时如果val里面是纯文本.或者val里面没有控件去引用其它css.也没有style.那么可以直接这么写:
val="<font style='color:red;font-size:12px;'>"+val+"</font>";
document.getElementById("控件ID").innerHTML=val;
//但如果你取出的innerHTML里面包含像:<div class='asdf'>这样儿的标签.或者<div style="color:blue">这样儿的定义.那在外层加css样式.就不管事儿了.
⑹ 如何改变选中文本的字体颜色(css或者js都可以)
这是css3,不过只有css3的浏览器才支持.以下是代码,直接放到专css里面属就可以
::selection{background:#ff9632;color:#000;}::-moz-selection{background:#ff9632;color:#000;}::-webkit-selection{background:#ff9632;color:#000;}
⑺ 如何用js改变字体的颜色
用抄js方法来实现,代码为:document.getElementById("t").style.color="red";
说明袭:上面的"t"可以根据自己需要修改,具体代码参考:
<html>
<body>
<a name="t" class="STYLE2" id="t" onclick="chcolor();">登陆通行证</a>
<script type="text/javascript">
function chcolor(){
document.getElementById("t").style.color="red";
}
</script>
</body></html>