如何改变选中文本的字体颜色（css或者js都可以）

2021-12-22 13:00:34 分类：养花问答来源: 日夏养花网作者: [db:作者] 阅读：123

html css 网页中中怎么改变选择框内字体的颜色？

效果如图：

这种写法 IE10 以下完全不支持，其他浏览器支持的变化也十分有限。如果真的要改写 select 的样式，主流的做法（你可以参考 Bootstrap 一类的前端样式库）都是用 div 或 li，配合 JS 来模拟实现的。

给 select 用color指定颜色

jquery如何改变文字颜http://www.rixia.cc色

注册页面如果用户名已存在，后面有一个span标签提示”用户名存在“，如果用户依然点提交，我想那个提示字体变成红色，不想用弹窗，我该怎么做？

方法和详细的操作步骤如下：

1、第一步，使用hbuilder编辑器创建一个新的html文件，设置一个输入框并将其tpye属性设置为checkbox，将name属性设置为checkbox，并在复制时在顶部设置一个bgred样式，见下图，转到下面的步骤。

2、第二步，执行完上面的操作之后，介绍下面的Jquery库，获取复选框的dom元素，为其单击事件，然后确定是否已选中该复选框，如果已选中，则添加上一步中的css样式集，否则删除该样式
，见下图，转到下面的步骤。

3、第三步，执行完上面的操作之后，进入浏览器，会看到一个复选框，单击以选中，见下图，转到下面的步骤。

4、第四步，执行完上面的操作之后，文字颜色将更改，见下图。这样，就解决了这个问题了。

1、定义一个变量

2、写一个点击事件

3、判断是否为第一次点击如果是判断为展示

4、如果是大于第一次就变红

逻辑：当用户点击一次记录一个值赋值给变量拿到一个判断值用js去判断用户是否存在。

完整代码如下图：

var userid=0;

$('span').show();

$('div').click(function(){
userid++;
if (userid==1) {
$('span').show();
}else{
$('span').css('color','red');
}
})

用jquery的css方法即可！
这里假定设置的是<p>标签内的文字颜色，也可以改成其他标签

点击button即可触发方法
<html>
<head>
<script tyhttp://www.rixia.ccpe="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").css("color","red");
});
});
</script>
</head>

<body>
<p>This is a paragraph.</p>
<p>Thhttp://www.rixia.ccis is another paragraph.</p>
<button type="button">改变段落的颜色</button>
</body>
</html>

为span设一个id，然后用jquery选择器选择这个id，然后用jquery对象的css方法去改样式表；或者为span的父标签设一个id，选择这个id，然后用html方法直接替换掉span，就像传统Javascript里面的innerHTML一样用。

把页面代码贴出来