我有一个带有文本框和按钮的表单:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>
</head>
<body>
<p><textarea rows="4" cols="30">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</textarea></p>
<p><input type="button" value="Click me"></p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
用户进行文本选择,然后单击按钮.由于textarea失去焦点,选择不再可见.
有没有办法让选择保持可见?它不需要是可用的(即,不需要例如打字删除选择或Ctrl+C复制它)但我期望某种视觉反馈,textarea包含选择.

演示:小提琴
为什么CSS3伪元素selection不会改变突出显示的所有部分?正如您在此屏幕截图中看到的,我选择了部分页面,部分选项是默认的亮蓝色:

这是我正在使用的CSS,它位于我的CSS文件的顶部:
::selection { background: #3B3B3B; color: #fff; }
::-moz-selection { background: #3B3B3B; color: #fff; }
Run Code Online (Sandbox Code Playgroud)
它似乎是输入(文本,复选框等)和白色空间的亮点不会改变.有谁知道这是为什么,有没有办法改变它的页面的每个部分,所以高亮颜色是一致的?我正在使用Chrome.
是否可以在控制文本的一部分下划线。
我在 jquery 中确实喜欢这个,但没有出现下划线。任何示例代码示例?
<textarea rows = "3" cols = "50" id = "TestName" ></textarea>
Run Code Online (Sandbox Code Playgroud)
查询
var dvHTML = ''
dvHTML = '<span style=text-decoration: underline;>' + "Hello world" + '</span>';
$("#TestName").html(dvHTML);
Run Code Online (Sandbox Code Playgroud)
我得到的输出只有 Hello world,标签没有被识别
我有textarea并且我想更改所选文本的颜色。例子:
var text = "abcdefg";
Run Code Online (Sandbox Code Playgroud)
我想更改所选文本的颜色efg。
这是我的代码:
var input = document.getElementById('area');
var value = input.value.substr(input.selectionStart, input.selectionEnd - input.selectionStart);
$('#abc').find(value).attr('color',color);
Run Code Online (Sandbox Code Playgroud)