我可以让Firefox不在链接上显示丑陋的虚线焦点轮廓:
a:focus {
outline: none;
}
Run Code Online (Sandbox Code Playgroud)
但是我怎样才能为<button>标签做这个呢?当我这样做:
button:focus {
outline: none;
}
Run Code Online (Sandbox Code Playgroud)
单击按钮时,按钮仍然具有点状焦点轮廓.
(是的,我知道这是一个可用性问题,但我想提供适合设计的焦点提示,而不是丑陋的灰点)
我想在我的文本字段上禁用拼写检查,<input type="text">以免出现任何丑陋的红色波浪形.
我理解其他人也问了同样的问题,但他们总是把答案放在spellcheck=false接受之中.这是不正确的.这只适用于textarea,而不是输入.
我希望它至少可以在chrome中使用.
我在Chrome中试过这个.在内部有大量文本的textarea,最后编辑部分变得非常慢.光标和键盘输入响应进行爬行.
但是,如果我这样做,以便CSS链接从<head>之后移动到</body>它后不再变慢.有什么想法存在这种现象?
使用的代码:
<!DOCTYPE html>
<html>
<head>
<style>textarea {width: 400px; height: 400px;}</style>
<link href="1.css" rel="stylesheet" type="text/css">
</head>
<body>
<textarea name="content"></textarea>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这个html实际上是由后端脚本生成的,它将用几千行文本填充textarea的内容.当用户向下滚动到内容的末尾时,这就是缓慢开始的地方.如果头部区域的css被移除,它将很快.
我遇到了这个问题.我有一个textarea,我只想在它聚焦时使用拼写检查.
<textarea id="editor"></textarea>
$('#editor').focusin(function(){
$(this).attr('spellcheck', true);
});
$('#editor').focusout(function(){
$(this).attr('spellcheck', false);
});
Run Code Online (Sandbox Code Playgroud)
在chrome中,如果单词拼写错误,则单词下面会出现一条红线.即使我关闭拼写检查,红线仍然存在.如何删除此标记?