这篇文章主要介绍了如何使用HTML5实现让默认提示文字向左向右移动效果，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
<style>
* {
margin: 0;
padding: 0;
}
.sousuo {
width: 458px;
height: 34px;
margin-left: 190px;
margin-top: 200px;
border: 2px solid red;
}
</style>
</head>
<body>
<input class="sousuo" type="text" placeholder="请输入搜索内容...">
</body>重要的点来了
可以看到默认提示文字是紧紧靠着左边框的
我们为了美观需要把它往后移动 只需要在css中添加代码：
text-indent: 20px;
感谢你能够认真阅读完这篇文章，希望小编分享的“如何使用HTML5实现让默认提示文字向左向右移动效果”这篇文章对大家有帮助，同时也希望大家多多支持天达云，关注天达云行业资讯频道，更多相关知识等着你来学习!