Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取html文本框中的高亮颜色_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何获取html文本框中的高亮颜色

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'); 这是

我想用HTML和JavaScript(或jQuery)使其与原始组件中的默认输入颜色协调。因此,我正在研究获得标准文本选择颜色的方法

在CSS中,虽然它不是官方的,但它可以在现代浏览器上改变文本突出显示的颜色

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;    
}