在彩色嵌入边框文本框中居中文本答案

【问题标题】：Centering Text Inside A Colored Inset Border Textbox在彩色嵌入边框文本框中居中文本
【发布时间】：2015-09-02 03:40:28
【问题描述】：

我是 html 和 css 的新手，我正在尝试在彩色嵌入边框文本框中放置不可编辑（永久）居中的文本。我似乎无法在文本框中获得永久文本。我输入的任何文本似乎都超出了文本框。9px 插入部分也不能正常工作。我附上了一张我正在尝试做的事情的图片。这是我正在使用的代码： html:

Page <input size="3" name="uid"> of 1

css：INPUT,SELECT,TEXTAREA {background-color: black; color: white;
border:9px inset #2121; border-color: #444;}

INPUT,SELECT { font-size: x-small; }

图片：http://i.stack.imgur.com/w2QeO.png 这是我发现的一些代码，它使文本看起来不可编辑。我不确定如何更改 html 中的边框颜色和大小。 http://www.w3schools.com/css/tryit.asp?filename=trycss_border-style

【问题讨论】：

【解决方案1】：

尝试将text-align: center; 添加到您的输入样式中

【讨论】：

我添加了一些缺失的信息。感谢您的回复，非常感谢^_^
您可以在自己的风格中使用padding 或margin 及其变体，例如padding: 10px 20px; 或padding-bottom: 10px;。玩弄那个。你也可以试试height: 30px;，width: 60px;，边框颜色可以通过`border: 9px inset #444;'来设置。取出 #2121 - 这甚至不是颜色。
感谢您的帮助！添加 text-align 有帮助。这是我现在使用的代码。 HTML：page <input size="3" id="uid" value="1"> of 1' CSS: #uid { 背景颜色：黑色；白颜色;边框：2px 插图 #444;边框颜色：#f5f5f5；文本对齐：居中；宽度：33px； }`