el-input在ie浏览器下readonly属性出现光标

可以使用UNSELECTABLE attribute，加上该属性的元素不能被选中。

https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/hh801966(v=vs.85)

<el-input type="text" readonly unselectable="on"></el-input>

在IE浏览器中，当input获得焦点时，点击有unselectable="on"属性的标签时，不会触发onblur事件。

unselectable设置可选择性状态的字符串。

可能值：

off：默认值，选择过程可以从元素的内容开始。
on：无法在元素的内容中启动选择过程。

这种情况主要是解决IE浏览器中的光标出现问题。火狐浏览器中不支持。

el-input在ie浏览器下readonly属性出现光标相关推荐

去除input在ie浏览器下出现X号(差号)
直接在jsp页面加上: <style> ::-ms-clear, ::-ms-reveal{display: none;} </style> 就ok了
html 设置readonly属性,js与html中readonly属性设置对比
说明: readonly属性在html标签里使用不区分大小写. 在js中使用,IE不能识别"readonly",要用"readOnly". 下面对比下IE与FF ...
IE8浏览器下dom元素不区分name属性大小写问题
在IE8浏览器下用name属性去获取dom元素时居然是不区分大小写的. 比如: <input type='text' name='C1'/> <input type='text' n ...
html添加添加只读属性,JavaScript如何将readonly属性添加到input标签
在JavaScript中可以使用setAttribute()方法将readonly属性添加到表单的input字段中. setAttribute()方法可将已定义的属性添加到元素,并为其提供定义的值.如 ...
html 设置readonly属性,HTML: input readonly 属性
在线示例带有只读输input输入框的 HTML 表单: 示例html> HTML: readonly 属性 - 基础教程网(nhooo.com) Email: Country: 测试看看 ‹/ ...
input的readonly属性与TextBox的ReadOnly和Enabled属性区别
input的readonly属性:可以通过js修改input的value,然后提交到服务器端,可获得修改后的值. TextBox的ReadOnly属性:通过js修改Text值,提交到服务器,服务器商无 ...
[html] input如何在各个浏览器下保持UI统一？
[html] input如何在各个浏览器下保持UI统一? .ibutton { padding: 3px 15px; *padding: 0 15px; *height: 24px; font-siz ...
[css] 说说visibility属性的collapse属性值有什么作用？在不同浏览器下有什么区别？
[css] 说说visibility属性的collapse属性值有什么作用?在不同浏览器下有什么区别? 设置visibility: collapse后对于普通元素来说跟visibility: hidd ...
取消chrome浏览器下input和textarea的默认样式
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所 ...

el-input在ie浏览器下readonly属性出现光标

el-input在ie浏览器下readonly属性出现光标相关推荐

最新文章

热门文章