html输入框输入错误提示,CSS/HTML错误，输入框内的输入框？

我想要做的是做一个输入字段并将其居中在页面上。我已经设法做到了这一点，但它看起来像是另一个输入框，它不关注我给它的样式规则。这里是什么样子：CSS/HTML错误，输入框内的输入框？

黑色和灰色的盒子应该是输入框，很明显。

下面是HTML：

.styles{

height:30px;

width:286px;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

-moz-background-clip: padding;

-webkit-background-clip: padding-box;

background-clip: padding-box;

border: 1px solid #5E5E5E;

padding:0 10px;

background-color: #000000;

color:#BFBFBF;

outline: none;

input-align: center;

}

.abs-centered {

margin: auto;

position: absolute;

bottom: 0;

left: 0;

top: 0;

right: 0;

}

我还没有把html和body之类的东西在还因为我只是试图理清这个问题。

+0

柜面我给你w ^荣，你想有黑色的“盒子”/ div作为你的输入文本框？ –

+0

是的，图片中的黑框应该是文本框。 –

+0

你的身体在你的div里面。假设是相反的 –