html - 样式 HTML 文本框

Question

如何像这个电子邮件文本框一样设置我的文本框的样式？

<div id="main">
    <input type="button" id="btAdd" value="Add Element" class="bt" />
</div>

这是一个JSFiddle展示我的问题

Answer 1

您可以在您的 html 页面中添加 css，例如:

<style>
.input {
    color: #333333;
    height: 25px;
    margin: 5px;
    width: 250px;
}
</style>

在输入标签中添加 placeholder="Email"，当用户输入时该标签将被移除。

检查 Fiddle在这里。