Javascript 输入标签未拾取低于20px的宽度
我需要将button类型的输入标签的宽度设置为16px,但它的宽度不会低于20px,也不会减小大小 我想有一个绿色的检查图像上的按钮,它的大小应该低于20px,但我不能这样做使用输入标签。如果我只是简单地使用img而不是输入标签,那么它就不会像按钮那样具有相同的按下效果Javascript 输入标签未拾取低于20px的宽度,javascript,html,css,Javascript,Html,Css,我需要将button类型的输入标签的宽度设置为16px,但它的宽度不会低于20px,也不会减小大小 我想有一个绿色的检查图像上的按钮,它的大小应该低于20px,但我不能这样做使用输入标签。如果我只是简单地使用img而不是输入标签,那么它就不会像按钮那样具有相同的按下效果 任何帮助都将不胜感激。它确实符合20px以下的尺寸。您需要覆盖按钮上的固有填充证明: 需要清楚了解按钮的默认设置(忽略最里面的框) 。勾选{ 高度:10px; 宽度:10px; } .tick-20px{ 高度:20px
任何帮助都将不胜感激。它确实符合20px以下的尺寸。您需要覆盖按钮上的固有填充证明: 需要清楚了解按钮的默认设置(忽略最里面的框)
。勾选{
高度:10px;
宽度:10px;
}
.tick-20px{
高度:20px;
宽度:20px
}
.btn-10px{
填充:0;
宽度:10px;
高度:10px;
}
它的尺寸小于20px。您需要覆盖按钮上的固有填充证明: 需要清楚了解按钮的默认设置(忽略最里面的框)
。勾选{
高度:10px;
宽度:10px;
}
.tick-20px{
高度:20px;
宽度:20px
}
.btn-10px{
填充:0;
宽度:10px;
高度:10px;
}
尝试使用与按钮大小相同的图像大小
<input type="button" style="width:16px; height:16px; background-repeat:no-repeat; background-image:url(Styles/Images/imgres.png)"/>
这里我的图像大小与按钮大小16px*16px相同,请尝试使用与按钮大小相同的图像大小
<input type="button" style="width:16px; height:16px; background-repeat:no-repeat; background-image:url(Styles/Images/imgres.png)"/>
这里我的图像大小与按钮大小16px*16px相同将示例代码复制到代码段,这样很容易解决问题。您可以使用img标记并在图像中添加onclick以实现所需的效果,将示例代码复制到代码段,因此,它很容易解决,你可以使用img标签,并添加一个onclick到图像中,以实现所需的效果。实际问题是,按钮的大小不会低于20px。。它不会接受该值。是否为按钮或输入标签定义了最小宽度??我需要的按钮大小与我发布的图片中所示的类似…我使用了相同的方法,但无法达到预期的效果…在您的示例中,它缩小了图片的大小,但按钮的大小没有减小到10px请参见我编辑的回答无论要求如何,在这个移动时代,我真的认为,如果一个10px大小的按钮可以在手机上点击,即使有最小的拇指,其他元素也可以在手机上浮动:P看图片中的按钮,它就像最小的按钮一样,有2px的边框,有效地提供了6px的内部可用空间,你们可能想填上这个看似看不见的问题,其实问题是按钮的大小不会低于20px。。它不会接受该值。是否为按钮或输入标签定义了最小宽度??我需要的按钮大小与我发布的图片中所示的类似…我使用了相同的方法,但无法达到预期的效果…在您的示例中,它缩小了图片的大小,但按钮的大小没有减小到10px请参见我编辑的回答无论要求如何,在这个移动时代,我真的认为,如果一个10px大小的按钮可以在手机上点击,即使有最小的拇指,其他元素也可以在手机上浮动:P看图片中的按钮,它就像最小的按钮一样,有2px的边框,有效地提供了6px的内部可用空间,其中,您可能希望填充看似不可见的标记,使其成为一个片段,以便用户可以查看它使其成为一个片段,以便用户可以查看它