如何使用HTML5实现让默认提示文字向左向右移动效果
这篇文章主要介绍了如何使用HTML5实现让默认提示文字向左向右移动效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
<style>*{margin:0;padding:0;}.sousuo{width:458px;height:34px;margin-left:190px;margin-top:200px;border:2pxsolidred;}</style></head><body><inputclass="sousuo"type="text"placeholder="请输入搜索内容..."></body>
重要的点来了
可以看到默认提示文字是紧紧靠着左边框的
我们为了美观需要把它往后移动 只需要在css中添加代码:
text-indent:20px;
感谢你能够认真阅读完这篇文章,希望小编分享的“如何使用HTML5实现让默认提示文字向左向右移动效果”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。