如何在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文本框中獲取高亮顏色

回答

相關問題