Html 内联登录表单图像未完全显示

HTML:

表单{
垫面：5px；
文本对齐：右对齐；
边缘底部：15px；
}
表格img{
宽度：75px；
高度：25px；
左边距：-5px；
}
表单输入{
填充：12px 17px；
边框：0px实心#fff；
背景：rgba（0,0,0,0.2）；
边界半径：15px；
宽度：155px；
颜色：#fff；
}
窗体按钮，
#btnDaftar，
#btnLivechat{
显示：内联块；背景：url(http://jawapoker88.com/img/images/login.png)左上角不重复；宽度：110px；高度：25px；边框：无；光标：指针；}
#btnDaftar{
背景图片：url(http://jawapoker88.com/img/images/daftar.png)
}
表单输入：：-webkit输入占位符{
颜色：#fff；
}
表单输入：-moz占位符{
颜色：#fff
}
表单输入：：-moz占位符{
颜色：#fff
}
表单输入：-ms输入占位符{
颜色：#fff；
}

您应该将

背景尺寸：contain

添加到

#标题表单按钮、#btnDaftar、#btnLivechat

以使图像适合容器。为了获得更漂亮的最终结果，您还可以添加

垂直对齐：中间使其向右对齐。
在这种情况下，不设置按钮高度，最简单的方法就是使用
img
元素：


表单{
垫面：5px；
文本对齐：右对齐；
边缘底部：15px；
}
表单输入{
填充：12px 17px；
边框：0px实心#fff；
背景：rgba（0,0,0,0.2）；
边界半径：15px；
宽度：155px；
颜色：#fff；
}
窗体按钮，
#btnDaftar，
#btnLivechat{
显示：内联块；
边界：无；
光标：指针；
背景：透明；
垂直对齐：中间对齐；
}
表单输入：：-webkit输入占位符{
颜色：#fff；
}
表单输入：-moz占位符{
颜色：#fff
}
表单输入：：-moz占位符{
颜色：#fff
}
表单输入：-ms输入占位符{
颜色：#fff；
}

尝试使用background size:contain但不起作用。您能解释一下为什么回滚我所做的编辑吗？我的编辑使问题更容易阅读，也更容易回答（因为代码片段）。我只是想知道你不喜欢编辑的地方，以及你删除它的原因。对不起，我只是想编辑高度，从25到31px，我是新来的，先生，如何使用代码剪辑？代码片段让人们可以轻松地运行/测试你的代码，并且他们提供了一个基本的代码编辑器。要编辑代码段，只需编辑答案中的代码，或转到预览并单击“编辑此代码段”