html - 如何在输入文本类型中添加不同的文本框

Question

如何使用 css 在输入文本类型中添加不同的文本框并增加字体，就像在 facebook 中所做的那样？

我在其中一个网站上找到了这段代码，但它不起作用请看看你是否能帮助我我想在表单中使用圆 Angular 框

.tb5 {
    background: url(images/rounded.gif) no-repeat top left;
    height: 22px;
    width: 230px;
}
.tb5a {
    border: 0;
    width:220px;
    margin-top:3px;
}

我想像https://www.facebook.com/一样使用圆框注册表单代替默认输入框

Answer 1

您可以使用 CSS 设置文本输入的样式:

input[type=text] {
    font-size: 2em;
}

您还可以更改其他属性，例如边框。

input[type=text] {
    font-size: 2em;
    border-radius: 0.5em;
}

您可以 check browser support over at caniuse.com .