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

第一篇文章在这里，但我一直拖钓了很多年，总是在这里找到答案有帮助，所以感谢社区以前的帮助:)移动（Android）浏览器：从只读输入字段中删除边框

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

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

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

谢谢！

来源

2012-10-04 user1718713

我想你正在使用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" />

希望这是有帮助的.. :)

来源

2012-10-04 04:09:25 Anu

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

如果你想让它显示为简单的文本，然后使用和适当的风格。但是，如果您想坚持输入type =“text”... />，请确保它不可编辑且不可聚焦。

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

这将防止机器人从绘制焦点边境控制周围太。

希望这会有所帮助。

来源

2012-10-04 04:43:18

谢谢，我试过这个......虽然它确实减少了边框的可见性，但边框仍然显示在我的手机上。我希望它们在这个输入字段中完全消失。此外，我将如何显示与span属性？我试过span name =“shtotal1”，但没有显示任何内容。 – user1718713

使用html标记< span >如果里面的数据不是要在表单中提交。确保指定一个id属性，以便您可以通过var spanObject = document.getElementById（id）;来访问它。那么spanObject.innerHtml =“你想要在这里出现的文字”将会成功。 –

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

回答

相关问题