代码之家 › 专栏 › 技术社区 › George Sealy

使用jQueryUI时设置单选按钮的宽度

jquery-ui-button width jquery-ui

George Sealy · 技术社区 · 14 年前

我使用的代码是:

<script type="text/javascript">
    $(document).ready(function () {
        $("#radio").buttonset();
    });
</script>

<div id="radio">
    <input type="radio" id="radio1" name="radio" /><label for="radio1">A</label>
    <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2 - long long</label>
    <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
</div>

我是第一次使用jQuery,对CSS或javascript没有什么经验。我尝试了各种奇怪的组合,试图为按钮指定一个固定的宽度,而不丢失jqueryui样式,但是没有成功。

任何帮助都将不胜感激。

2 回复 | 直到 14 年前

Nick Craver 14 年前

<label> 它使用的元素 .width(val) 这样地:

$("#radio").buttonset().find('label').width(200);

You can give it a try here ,或者您可以添加如下CSS规则:

â#radio label { width: 200px }â

You can try that out here .

Sean Webb 11 年前

.myradiolables
{
 width: 200px;
 height: 20px;
}

<div id="radio">
<input type="radio" id="radio1" name="radio" /><label class="myradiolabels" for="radio1">A</label>
<input type="radio" id="radio2" name="radio" checked="checked" /><label class="myradiolabels" for="radio2">Choice 2 - long long</label>
<input type="radio" id="radio3" name="radio" /><label class="myradiolabels" for="radio3">Choice 3</label>
</div>

推荐文章

Joshua Fermin · 内联样式反应元素宽度

6 年前

aaaaa · 减少多重条形图R中的条形宽度

6 年前

user7937949 · 无自动的CSS宽度转换

6 年前

shioko · 为什么x%在Visual Studio中不是属性“width”的有效值?

6 年前

James Pointer · 锚标签未填充高度和宽度

6 年前

Tom O'Sullivan · 如何确定屏幕高度和宽度

6 年前

MrO · 如何使div的宽度与屏幕高度相同?

6 年前

user176105 · 调整大小时保持Jquery给定的宽度

6 年前

Sener · UiCollectionView单元格动态宽度

6 年前

ryanve · text区域最大宽度不受尊重

6 年前