输入标签不能拾取20px以下的宽度

我需要将输入标签的类型按钮的宽度设置为16px，但它不会占用20px以下的宽度并且不会减小大小。输入标签不能拾取20px以下的宽度

我想与它和它的大小绿色的复图像的按钮应低于20像素，但我不能这样做使用输入标签。如果我只是简单地使用img而不是输入标签，那么它不会像按钮那样具有相同的按压效果。

任何帮助，将不胜感激。

来源

2016-09-07 user2091061

复制您的示例代码片断，使其容易解决 –

可以使用img标签并添加一个onclick图片以达到所需的效果 – holtc

它确实服从20px以下的尺寸。你需要重写先天填充上的按钮证明：

一个什么样的默认按钮清晰的知识是必需的（忽略了最里面的盒子）

.tick { 
 
    height:10px; 
 
    width:10px; 
 
} 
 
.tick-20px { 
 
    height:20px; 
 
    width:20px 
 
} 
 
.btn-10px { 
 
    padding: 0; 
 
    width: 10px; 
 
    height: 10px; 
 
}

<button class="btn-10px"></button> 
 
<button><img class="tick" src="http://www.freeiconspng.com/uploads/accept-tick-icon-12.png"></button> 
 
<button><img class="tick-20px" src="http://www.freeiconspng.com/uploads/accept-tick-icon-12.png"></button>

来源

2016-09-07 13:24:50

其实问题是，按钮的大小不会低于20px ..它不会取值。是否为按钮或输入标签定义了一些最小宽度？我需要的按钮的大小类似于我的发布图像中显示的... – user2091061

我已经使用了相同的方式，但无法达到预期的效果... – user2091061

在您的示例中，它减少了图像的大小，但大小的按钮不会减少到10px – user2091061

尝试使用相同你想为你的按钮大小

<input type="button" style="width:16px; height:16px; background-repeat:no-repeat; background-image:url(Styles/Images/imgres.png)"/>

这里什么形象的大小我的图像尺寸是一样的按钮大小16像素* 16像素

来源

2016-09-07 13:47:27

使它成为一个片段，所以它是可见的用户 –

输入标签不能拾取20px以下的宽度

回答

相关问题