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

Question

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

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

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

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

谢谢！

Answer 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" />

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

Answer 2

If you want it to appear as simple text, then use < span > and style appropriately. However if you want to stick to < input type="text" .../ > then make sure it is not editable and not focusable too.

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

this will prevent android from drawing the focus border around the control too.

Hope this helps.