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

Question

当大小不存在时是否可以使输入忽略默认大小属性值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/

Answer 1

你可以做这样的事情与jQuery

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

这如果不指定大小属性的大小属性将设置为。