删除只读属性的尖线

【问题标题】：Remove pointed line for readonly attributes删除只读属性的尖线
【发布时间】：2012-02-17 11:40:13
【问题描述】：

是否可以从具有只读属性的输入元素中删除尖线？禁用时行为不同，因为禁用的元素无法接收焦点事件，但 readonly 可以。那么可以从只读输入中删除尖线吗？

【问题讨论】：

检查打印屏幕：s16.postimage.org/ghs4zevxh/pointed.jpg
在 Windows 7 和 ie9 上看不到任何尖线。可能是操作系统问题。
在 ie9 firefox、safari、opera 上可见。只有 chrome 不会为只读属性显示该行。
@mcmwhfy 你能添加一张分辨率不错的图片吗？基本上你现在是在说：你看到那个 20 像素图像中的那 5 个像素了吗，那应该是一条尖线。
在 Chrome(v19)、Safari(v5.34) 和 Opera(v11.60) 中不会发生。在 BugZilla (for firefox) 和 IE Bug 论坛上发布错误。

【解决方案1】：

你可以这样做..

Last name: <input type="text" name="lname" value="readonly" readonly onfocus="this.blur();"/>

编辑：

您也可以使用 jquery 来完成，因此您不必在每个输入上添加代码

Last name: <input type="text" name="lname" value="readonly" readonly class="readonly"/>

<script>
$(".readonly").focus(function () {
   $(this).blur();
 });
</script>

【讨论】：

太棒了，但是我如何从 css 添加它，我无法在每个 html 页面中修改所有输入，因为太多了。
好吧，我不太确定你只能用 css 来做......实际上我们正在使用脚本来移除焦点，所以它给你的印象是没有指针......
我已经为我的应用程序的所有输入使用了一个 jQuery，我会尝试在我的脚本中集成一些东西来做到这一点。