0

好的，所以我在一个简单的高尔夫记分卡应用程序中使用 jQuery Mobile。我使用此代码在表格末尾获取总数。

<input id="total" type="text" name="total" value="" readonly="readonly" /> 
<p><input type="button" value="=" onclick="total.value=getTotalB(this.form)" />
<p><input type="reset" onClick="reset()" value="-"/>
</form>

我需要输入 type="button" 并且重置为大约 10px。我试过样式=“宽度”。我不确定调整这些按钮大小的最简单方法是什么。有什么帮助吗？

4

4 回答 4

0

在最简单的情况下，您可以尝试：

input {
    width: 10px;
}

或者添加更具体的类。

演示小提琴：http: //jsfiddle.net/audetwebdesign/jV8FV/

于 2013-08-16T02:30:46.767 回答
0

只需给它们一个类似的类，然后使用 CSS 对其进行样式设置：

工作示例：

<html><head>

<style type='text/css'>
input.small {
    width:10px;  /* Apply to input tags with class "small" */
}

</style>

</head><body><form>

<input id="total" type="text" name="total" value="" readonly="readonly" />
<input class='small' type="button" value="=" onclick="total.value=getTotalB(this.form)" />
<input class='small' type="reset" onClick="reset()" value="-"/>

</form></body></html>

这样您就可以同时更改两个按钮 - 而且它们看起来一样（一致性是很好的做法）。

和他们一起玩：

<style type='text/css'>
input.small {
    border:1px solid #ccc;
    cursor:pointer;
    padding:0;
    text-align:center;
    width:10px;
}

input.small:hover {
    background:dodgerblue;
}
</style>

顺便说一句，问题style="width"在于你告诉按钮“用width. 设置自己的样式”。

按钮上写着“多少钱width？不知道，我会照常做。”

要解决这个问题，你需要告诉它有多宽：style="width:10px;" 现在你有一个满意的按钮。

于 2013-08-16T02:31:33.057 回答
0

此代码可能有效：

input[type="reset"]{
     width: 10px;
}
于 2013-08-16T02:32:45.187 回答
0 
input[type=button],input[type=reset] {
 width:10px;
}

如果您不想在代码中调整任何其他类型按钮的大小，则可以使用它。这仅适用于类型按钮和类型重置......或者使用类。

于 2013-08-16T04:49:03.310 回答