Question

投入

<input type="text" id="myTest" value="bla bla bla"/>

并且这样做(使用j Query)

$( #myTest ).select();

造成“空白”选用黑色蓝色。

现在,我是否能够用 c子改变这种肤色? c3 可通过例如改变甄选

::-moz-selection {
  background: #ffb7b7;
}

但这只是在其他内容中的案文,而不是在html的投入中。

任何想法?

页: 1

Answer 1

页: 1 http://jsfiddle.net/Gp8Rr/“rel=“nofollow” http://jsfiddle.net/Gp8Rr/。

我在最新版本的 Chrome、Sato、Empa和Edpa测试了这一试验。或许可以 a,或者也许会网吧使你能够打上其保险单的那部分。

仅限“<>更新。 MDN 。

Answer 2

我认为没有任何办法这样做。选定案文的颜色在软件/仪器一级决定,不是你能够用javascript真正控制的东西。 http://api.jquery.com/select/rel=“noretinger” 提到了几个缩略语,这些缩略语将告诉你用户选择的内容。我想尝试的唯一事情是,用户选择一些案文,你删除了他们选择的案文,并插入相同的案文,其标志是不同颜色地强调案文。然而,他们仍将看到蓝色,因为他们正在强调......。

Answer 3

如果你以人工方式选择你想要的东西,那就为我工作。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<style type="text/css">

p::-moz-selection, input::-moz-selection, textarea::-moz-selection {
    color: red;
    background-color: grey;
}
</style>
<script type="text/javascript">
window.onload = function() {
    var message = document.getElementById( itext );
    // Select a portion of text
    createSelection(message,3, 10);

    // get the selected portion of text
    var selectedText = message.value.substring(message.selectionStart, message.selectionEnd);
};

function createSelection(field, start, end) {
    if( field.createTextRange ) {
        var selRange = field.createTextRange();
        selRange.collapse(true);
        selRange.moveStart( character , start);
        selRange.moveEnd( character , end);
        selRange.select();
    } else if( field.setSelectionRange ) {
        field.setSelectionRange(start, end);
    } else if( field.selectionStart ) {
        field.selectionStart = start;
        field.selectionEnd = end;
    }
    field.focus();
}       
</script>
</head>

<body>
<p>This paragraph is selection-aware.</p>
<form action="#">
<input type="text" id="itext" value="So is this input[text]" />
<textarea id="itextarea">And this textarea, as well</textarea>
</form>
</body>
</html>

载于 Firefox 4.0b6 。

它没有与贵格文的功能合作,因为贵格文正在选择以下文字:<条码>和代号;要素,而不是选择实际案文。引文如上稿。你们应当看到它发挥作用。

Answer 4

我很相信,这是不可能的。我在回头看一看这个问题,最后使用一只 d子代替投入,并把它看作一个投入领域。这使我能够控制和改变选定的案文中突出的颜色。然后,我才把意见当作一个秘密的领域,从而予以更新。

这很可能是你所寻求的答案,但这就是我如何能够围绕这一问题开展工作。

Answer 5

这至少是在我的FF 7.0.1:

input::-moz-selection {
    background-color: green;
}

Answer 6

• 如何在风格上树立眼光,然后使用类似的东西:

< style >

.selected-look{color:somehex, border:; font-family:; background:;} // etc;

< / style>

$( #myTest ).toggleClass( selected-look ).select();

或$ (#my Test ).select(.toggleClass ( selected-look );

Answer 7

在我的档案中,我的投入即使用:

http://www.un.org/Depts/DGACM/index_russian.htm

“文本”可改为“文本”,“提交书”。

#area-restrita input[type= submit ]:hover { background-color:#CCC; color:#FFF;}

希望能够提供帮助。

Answer 8

在我的档案中,我的投入即使用:

input[type="text"] { /* cssproperties */ }

“文本”可改为“文本”,“提交书”。

#area-restrita input[type= submit ]:hover {background-color:#CCC; color:#FFF;}

希望能够提供帮助。

Answer 9

这是你们想要的吗? 案文经选定后再行。

$("input").select(function(){ $("input").css("color","red"); });

友情链接