如何在HTML文本框中获取高亮颜色

我想使其与HTML和JavaScript（或jQuery）的原始组件中的默认输入颜色协调一致。因此，我正在研究获取标准文本选择颜色的方法。如何在HTML文本框中获取高亮颜色

在CSS中，尽管它不是官方的，但它可以改变现代浏览器上文本高亮部分的颜色。

input::selection { 
    background-color:red; 
    color:blue; 
}

我认为这样跟踪是有效的。

var hilightColor = $('input::selection').css('background-color');

这是可以实现的吗？

来源

2013-07-02 Tank2005

不确定你在问什么？ – DextrousDave

先做小提琴.. –

希望这可以帮助：http://stackoverflow.com/questions/17205893/how-to-change-the-color-of-selected-text-in-css-for-jquery-mobile- div – Ron

我认为你那里的代码很好，但是为了实现跨浏览器的兼容性，你还应该在你的CSS代码中包含moz库，因为默认选择（我很确定）不受支持Firefox，而Chrome和Safari则支持它。

input::selection { 
    background-color: red; 
    color: blue; 
} 

input::-moz-selection { 
    background-color: red; 
    color: blue; 
}

来源

2013-07-02 12:16:35

不知道你想要什么。

1）如果您想在页面中协调text和input，可以为文本和输入设置相同的背景和文本颜色。

见DEMO http://jsfiddle.net/yeyene/WLf9x/

html, body, input[type=text]{ 
    font-size:14px; 
    line-height:16px; 
    background:#fff; 
    color:#555;  
} 
input[type=text]{ 
    border:none; 
    height:16px; 
    width:85px;  
}

2）如果你也想选择颜色相同的输入和文字。您可以将::selection的背景和文字样式设置为与主体样式相同。

来源

2013-07-03 02:51:51 yeyene

如何在HTML文本框中获取高亮颜色

回答

相关问题