javascript - 使 HTML 输入区域只读但可选择

标签 javascript jquery html css

我有一个透明的输入区域,当您单击它时,发光的边框会出现(预期),您可以编辑文本。我试图让发光的边框在您单击它时仍然显示,但使其中的文本不可编辑。

<input style='border:none; background:none;' value='TEXT'>  

添加 readonlyreadonly="readonly" 使输入就像一个不可编辑的 div,你不能双击输入区域来选择它和发光边框不显示。如何在不允许更改文本的情况下保留输入功能?

最佳答案

你可以在一些 CSS 中使用 readonly 属性:

input:focus {
    box-shadow: 0 0 2px 2px #3d94db;
}
<input style='border:none; background:none;' value='TEXT' readonly> 

关于javascript - 使 HTML 输入区域只读但可选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38149521/

相关文章:

javascript - 为什么 AppRegistry.registerComponent ('MyApp' , ()=>App) 可以工作,即使 App 已经是一个返回组件的函数?

javascript - 为什么 getFloatFrequencyData 返回的值为负数?

javascript - 如何将异步函数调用包装到 Node.js 或 Javascript 中的同步函数中?

javascript - Rails Action Cable 在消息发布后向下滚动

javascript - 如何让屏幕阅读器响应显示和隐藏动态 Web 应用程序中的内容?

html - 将 HTML 输入标签光标放在占位符文本的左侧

javascript - 在 Safari 中失去内容可编辑的焦点

javascript - Web 字体加载的事件处理程序?

javascript - 切换 div 后缺少过度效果(jquery 可拖动/可放置)

javascript - 我怎样才能制作一个 <a> 标签,这样当我点击那个 <a> 标签时,URL 不应该出现在地址栏中?