1

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

<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 是无用的......

您能告诉我如何自定义该按钮的样式（当然，无需将其包装在额外的标签中......）？谢谢！

4

4 回答 4

0

If something keeps changing your intended css into useless code, this may be a situation where you would resort to simple text (eg. nano for mac or notepad for windows) Web design programs are double edged swords, most of the time the bells and whistles on these programs help make things easier, but sometimes they can make things more complicated. To custom style a button all you have to do is put your id or class selector name in the input tag and then enter the css for it. For example

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

Just try it in notepad this time.

于 2012-06-18T13:33:37.620 回答
0

在您的样式表中添加 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...
}
于 2012-06-18T12:56:59.340 回答
0

CSS

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

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

于 2012-06-18T13:43:59.850 回答
0

可以通过多种方式实现这一点。以下是一些示例：

submit {
     styles:styles;
}

在旧浏览器中不是最兼容的：

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

然后你可以定位ID：

#code_check_button {
     styles:styles;
}
于 2012-06-18T13:17:33.183 回答