CSS3 - How to style the selected text in textareas and inputs in Chrome?

Question

EDIT: As @geca noted in the comments, this is a known WebKit bug. Let\'s hope it gets fixed soon!

The ::selection pseudo-element allows one to style th

Answer 1

Is a

with contenteditable an option? Functions just list a </code> for most things.</p> <p>Demo: http://jsfiddle.net/ThinkingStiff/FcCgA/</p> <p>HTML: </p> <pre><code><textarea><textarea> Doesn't highlight properly in Chrome.

<p> Highlights just fine in Chrome!

<div contenteditable> Highlights just fine in Chrome!

CSS:

textarea, input, p, div {
    width: 400px;
}

#div-textarea {
    -webkit-appearance: textarea;
    height: 32px;
    overflow: auto;
    resize: both;
}

::selection {
    background-color: black;
    color: white;
}

Output (Chrome):

0 讨论(0)

查看其它3个回答

发布评论:

提交评论

---

•  加载中...