css文本框文字在右 |css color 英文

/* 设置文本框的样式 */
.text-box{
width: 200px;
height: 100px;
border: 1px solid #ccc;
padding: 10px;
text-align: right; /* 设置文字对齐方式为右对齐 */
}

在上面的代码中，大家创建了一个名为 “.text-box” 的文本框，并设置它的样式，其中 “text-align: right” 这条语句表示将文本框中的文字对齐到右侧。

如果你希望文本在右侧对齐，但是输入的顺序是从左到右，那么可以使用CSS的”direction”属性来实现。

/* 设置文本框的样式 */
.text-box{
width: 200px;
height: 100px;
border: 1px solid #ccc;
padding: 10px;
text-align: right; /* 设置文字对齐方式为右对齐 */
direction: rtl; /* 设置文本输入方向为从右到左 */
}

以上代码中，大家加入了 “direction: rtl” 语句，这表示文本框内的文字将从右往左输入，但是最终显示的效果是右对齐。

通过简单的CSS样式设置，实现文本框文字在右对齐的功能非常容易，希望本文的内容对你有所帮助。