Question

我希望在coderpad.io中禁用闪烁的光标我认为它是一个codeMirror编辑器。

我正在使用CSS

{ Error: true }

但这完全取消了光标。我无法找到一种方法使光标可见，但停止恼人的闪烁

Answer 1

如果检查html，你可以看到闪烁的光标是由于style =“visibility：hidden”在div中出现在“Codemirror-cursors”类的div中。您可以通过在末尾添加自己的带有！important的css来覆盖该css。像这样：

.Codemirror-cursors{
    visibility: visible !important
}

Answer 2

是

<!DOCTYPE html>
<html lang="en">
<head>
<title>Lab11aKL.html</title>
<meta charset="utf-8">

<style>
</style>


</head>
<body>

<form name="tform" id="tform">
<table>
    <tr>
        <th></th>
        <th>Score</th>
    </tr>
    <tr>
        <td>Test 1</td>
        <td><input type="text" name="t1" id="t1"/></td>
    </tr>
    <tr>
        <td>Test 2</td>
        <td><input type="text" name="t2" id="t2"/></td>
    </tr>
        <td>Final Exam</td>
        <td><input type="text" name="t3" id="t3"/></td>
    </tr>
        <td>Labs</td>
        <td><input type="text" name="t4" id="t4"/></td>
    </tr>
        <td>Project</td>
        <td><input type="text" name="t5" id="t5"/></td>
    </tr>
        <td>Quizzes</td>
        <td><input type="text" name="t6" id="t6"/></td>
    </tr>
    <tr>

        <th colspan="2">
        <input type="button" name="b1" id="b1"
        value="Calculate Grade"
        onclick="addNumbers(); gradeLetter()"/>
        </th>
    </tr>
    <tr>
        <td><input type="text" name="answer" id="answer"/></td>
        <td><input type="text" name="answergrade" id="answergrade"/></td>
    </tr>

</table>

</form>
</body>
</html>

工作！

coderpad.io禁用闪烁光标

2 个答案: