Question

我有一个像这样的提交按钮：

<input type="submit" data-corners="false" id="code_check_button" tabindex="5" data-rel="external" value="GO">

- 使用自定义css主题 - 输出：http://sht.tl/59y3m

现在我想使用id（#code_check_button）来更具体地设置按钮的样式。

不幸的是，jquerymobile会在我无法控制的代码片段中自动转换输入类型提交：http://sht.tl/cQq 您可以注意到，原始按钮ID无用......

你能告诉我如何定制这个按钮的样式（当然，没有将它包装在额外的标签中......）？谢谢！

Answer 1

在样式表中添加ID #code_check_button并提供所需的样式..请参阅下面的示例： -

#code_check_button {
    your desired style properties here...
}

修改

您可以使用生成的div的类并相应地设置按钮的样式。在这个生成的代码片段中，您有两个样式元素。请在下面找到： -

.ui-btn { style properties here... } .ui-btn .ui-btn-text { style properties here... }

Answer 2

这可以通过多种方式实现.. 以下是一些例子：

submit {
     styles:styles;
}

在旧浏览器中不兼容：

input[type="submit"] {
     styles:styles;
}

然后你可以定位ID：

#code_check_button {
     styles:styles;
}

Answer 3

如果有什么东西不断改变你想要的css到无用的代码，这可能是你要求使用简单文本的情况（例如，nano for mac或记事本用于windows）网页设计程序是双刃剑，大部分时间是这些程序的花里胡哨有助于使事情变得更容易，但有时候它们会让事情变得更复杂。要自定义样式按钮，您只需将您的id或类选择器名称放在输入标记中，然后输入css即可。例如

CSS

#code_check_button { background-image: url(/*desired image url*/);
                     background-color: /*desired background color*/;
                     color: /*desired font color*/; }

HTML

<input id="code_check_button" type="submit" name="submit">

这次只需在记事本中试试。

Answer 4

CSS

#code_check_button {
color:#000 !important;
width:200px !important;
}

您可以看到我在所有css属性中添加了！important标记。这是因为覆盖了jQ移动默认样式。

如何在查询移动设备中按ID或类设置按钮的样式

4 个答案: