Javascript 如何获取html文本框中的高亮颜色
我想用HTML和JavaScript(或jQuery)使其与原始组件中的默认输入颜色协调。因此,我正在研究获得标准文本选择颜色的方法 在CSS中,虽然它不是官方的,但它可以在现代浏览器上改变文本突出显示的颜色Javascript 如何获取html文本框中的高亮颜色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想用HTML和JavaScript(或jQuery)使其与原始组件中的默认输入颜色协调。因此,我正在研究获得标准文本选择颜色的方法 在CSS中,虽然它不是官方的,但它可以在现代浏览器上改变文本突出显示的颜色 input::selection { background-color:red; color:blue; } 我认为这样追踪是有效的 var hilightColor = $('input::selection').css('background-color'); 这是
input::selection {
background-color:red;
color:blue;
}
我认为这样追踪是有效的
var hilightColor = $('input::selection').css('background-color');
这是可以实现的吗 我认为你的代码很好,但是为了实现跨浏览器兼容性,你还应该在CSS代码中包含moz库,因为Firefox不支持默认选择(我很确定),而Chrome和Safari支持默认选择
input::selection {
background-color: red;
color: blue;
}
input::-moz-selection {
background-color: red;
color: blue;
}
不知道你想要什么 1) 如果要与页面中的
文本
和输入
协调,可以为文本和输入设置相同的背景和文本颜色
见演示
2) 如果还希望输入和文本的选择颜色相同。您可以设置
::选择内容的背景和文本样式与正文样式相同。不确定您的要求是什么?先做一个提琴。希望这有帮助:我想他是在问如何获取浏览器的默认值。我认为这在javascript中是不可能的。
html, body, input[type=text]{
font-size:14px;
line-height:16px;
background:#fff;
color:#555;
}
input[type=text]{
border:none;
height:16px;
width:85px;
}