无法删除 jquery mobile 中输入字段的样式答案

【问题标题】：Cannot remove the styling of the input field in jquery mobile无法删除 jquery mobile 中输入字段的样式
【发布时间】：2013-12-29 13:46:14
【问题描述】：

HTML：

My name is
<input type="text" class="amountBox" value="sam" readonly />

CSS：

.amountBox[readonly] {
    -webkit-box-shadow: none; /*{b-active-background-color}*/
       -moz-box-shadow: none; /*{b-active-background-color}*/
            box-shadow: none; /*{b-active-background-color}*/
    -webkit-appearance: none;
}

我无法删除它周围的东西，无论是边框还是阴影，我都无法删除它。我不想要任何样式..但我无法实现它。有什么帮助吗？

演示： http://jsfiddle.net/B2qfL/5/

【问题讨论】：

我在您的 JSfiddle CSS 列中找不到 .amountBox[readonly]。

标签： html css jquery-ui jquery-mobile

【解决方案1】：

将data-role="none" 属性添加到您不想被JQM 样式化的元素。

<input type=text data-role=none />

【讨论】：