我在<textbox>
中的<div>
中有一些占位符文本,如下所示:
.TextBox {
position: absolute;
left: 45px;
top: 70px;
width: 14em
}
.TextPlate {
background-color: rgba(255, 0, 0, 0.65);
width: 1095px;
height: 75px;
border: none;
outline: none;
font-size: 40px;
font-family: "Myriad Pro";
color: #FFFFFF;
text-decoration-color: #FFFFFF;
filter: drop-shadow(0 0 25px #333);
}
textarea {
padding-left: 15px;
padding-top: 30px;
}
textarea::placeholder {
color: white;
right: 10px;
}
<div class="TextBox">
<textarea name="message" class="TextPlate" placeholder="Send me a message" requiredrows="4">
</textarea><br>
</div>
我是CSS和HTML的入门者,所以我知道这里的内容不是那么优雅,但是可以。唯一的问题是,每次加载页面时,文本框中都会有两个大小合适的空格。
这是一个问题,因为它不允许显示占位符=“向我发送消息”。谁能看到为什么会这样?我一直在努力使它整天没有运气。谢谢!