html输入与背景图像

前端之家收集整理的这篇文章主要介绍了html输入与背景图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
大家好,我已经在我的输入文本和文本区域设置了背景图像,但我几乎没有什么问题

我有附图.
如何在Name文本输入中更改文本启动位置?

我的文字区域比我的背景图片

这是带有样式的姓名文本输入

input type="text" name="txtName" class="input" />

.input
{
    border: 0px solid #444444;
    height:39px;
    width:346px;
    background:url(images/Contact_05.jpg) no-repeat right top; 
    color:#fff; 
    padding-left:4px; 
    font-size:20px;
    }

这是我的文字区域

<textarea rows="5" cols="0" class="inputMessage"></textarea>
.inputMessage
{
    border:0px solid #444444;  
    height:386px; 
    width:685px;
    background:url(images/Contact_20.jpg) no-repeat left top; 
    padding-left:4px; 
    color:#fff; 
    font-size:20px; resize:none;
    }

任何建议?

解决方法

在输入上将padding-left设置为更大的值,并减小textarea的宽度.

当您设计表单时,最好在输入周围放置一个临时边框,以查看它们实际定位的位置,以及何时完成,只需将其取下即可.

猜你在找的HTML相关文章