移动（Android）浏览器：从只读输入字段中删除边框答案

【问题标题】：Mobile (Android) Browser: Remove border from read only input fields移动（Android）浏览器：从只读输入字段中删除边框
【发布时间】：2012-10-04 00:39:16
【问题描述】：

第一次在这里发帖，但我一直在拖钓多年，并且总是在这里找到有用的答案，所以感谢社区以前的帮助:)

我的问题是：我正在使用基本表单字段为我公司的网站构建一个移动网站。我正在使用只读输入字段计算订单表格上的总数。问题是在我的 Android 浏览器（可能还有其他浏览器，我还没有完全测试）中，只读字段会显示一个边框，即使我已经尝试删除它 - 请参阅表单底部的摘要部分下面。

这是订购单：https://m.eyemagic.net/cc-order.html

也许你可以提供一些帮助？

谢谢！

【问题讨论】：

标签： android input field readonly

【解决方案1】：

我猜您正在使用edittext作为您的只读输入字段。如果是这样使它与给定的网页相似，只需将android:background 透明为：

<EditText
            android:id="@+id/txtBoxId"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10"
            android:clickable="false"
            android:background="#00FFFFFF"
            android:inputType="textNoSuggestions" />

希望对你有帮助.. :)

【讨论】：

感谢您的回复！这个 EditText 是在哪里指定的？

【解决方案2】：

如果您希望它显示为简单的文本，请使用并适当地设置样式。但是，如果您想坚持使用，请确保它不可编辑且不可聚焦。

       <input type="text" disabled="disabled" taborder="-1" ...>

这也将阻止 android 在控件周围绘制焦点边框。

希望这会有所帮助。

【讨论】：

谢谢，我试过了……虽然它确实降低了边框的可见性，但边框仍然显示在我的手机上。我希望它们在这个输入字段中完全消失。另外，我将如何使用 span 属性显示它？我试过 span name="shtotal1" 但什么也没显示。
如果里面的数据不用表单提交，使用html标签。确保指定一个 id 属性，以便您能够通过 var spanObject = document.getElementById(id); 访问它然后 spanObject.innerHtml = "你想出现在这里的文本" 就可以了。