无法删除 jquery mobile 中输入字段的样式 [英] Cannot remove the styling of the input field in jquery mobile

问题描述

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;
}

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

i cannot remove whats around it, be it the border or shadow,i cant remove it.I dont want any styling..But no way i can achieve it.any help?

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

推荐答案

将 data-role="none" 属性添加到您不想由 JQM 设置样式的元素.

Add data-role="none" attribute to elements you don't want to be styled by JQM.

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

这篇关于无法删除 jquery mobile 中输入字段的样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！