html - 更改焦点文本框周围的选择颜色

Question

当用户输入数据时，我正在尝试更改文本框周围选择的颜色。现在，当用户在我的机器上选择它时，它变成蓝色。我希望这个是红色的。是否可以更改焦点文本框周围的选择颜色？我尝试在我的 css 中使用 -moz-selection 和 selection ，但它不起作用。

#myTextBox {
    border: 3px solid gray;/*background img not available, added border to see textbox*/
    background: transparent url(IMAGEHERE.png);
    width: 368px;
    height: 33px;
    color: silver;
    font-size: 22px;
    padding-left: 10px;
}

::-moz-selection {
    background-color: #dd2020;
    color: #fff;        
}

::selection {
    background-color: #dd2020;
    color: #fff;        
}

jsFiddle

Answer 1

试试这个代码：

#myTextBox {
    border: 3px solid gray;
    width: 368px;
    height: 33px;
    color: silver;
    font-size: 22px;
    padding-left: 10px;
    border:2px solid red;
    border-radius:7px;
    font-size:20px;
    padding:5px; 

}

#myTextBox:focus{
    outline:none;
    border-color:blue;
    box-shadow:0 0 10px blue;
}

​演示

它在焦点上将红色变为蓝色。