gpt4 book ai didi

html - 如何使 HTML 输入自动使用并忽略默认大小属性值 20

转载 作者:太空宇宙 更新时间:2023-11-04 12:28:14 25 4
gpt4 key购买 nike

当大小不存在时,是否可以使输入忽略默认大小属性值 20。我希望它像选择框一样随容器缩放(参见示例)。

看看这个例子,当我将大小设置为 1 时它可以工作但没有大小最小大小是 20...

HTML


<div class="form-item-group">
<div class="form-item">
<label>Label 1</label>
<input placeholder="Value" />
</div>

<div class="form-item">
<label>Label 2</label>
<input size='1' placeholder="Value" />
</div>

<div class="form-item">
<label>Hello world</label>
<select>
<option>1</option>
<option>2</option>
</select>
</div>
</div>

SCSS


.form-item-group {
.form-item {
float: left;
margin-right: 10px;
}

label {
display: block;
}
input {
display: inline-block;
width: 100%;
}

select {
display: inline-block;
width: 100%;
}
}

http://jsfiddle.net/L6Lytsfj/3/

最佳答案

你可以用jQuery做类似的事情

 $('input').filter(function(){
return !$(this).attr('size');
}).attr('size','1');

如果未指定大小属性,这会将大小属性设置为 1

关于html - 如何使 HTML 输入自动使用并忽略默认大小属性值 20,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27863777/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com