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

Posted 2023-04-18

【中文标题】如何在输入文本类型中添加不同的文本框

【英文标题】：how to add a different text box in input text type

【发布时间】：2012-12-10 22:56:59

【问题描述】：

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

我在其中一个网站上找到了此代码，但那不起作用请看看你是否可以帮助我 我想在表格中使用圆角框

.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/ 注册表单上的圆角框，而不是默认输入框

【问题讨论】：

您能否更清楚地解释一下您在这里要达到的效果？如果可能的话，可能在一些视觉线索的帮助下..

另外，请添加您在 fb 上看到的按钮的屏幕截图。

抱歉，问题就在于此

【参考方案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。

【讨论】：

感谢它在 chrome 上工作得非常好，但在 IE 上不能工作，但 facebook 在那里使用相同的东西，它在两者上都运行得很好，先生你能帮忙吗

拜托先生，我是新手，如果你能帮助我理解这一点，那就太好了

border-radius 仅适用于 IE9 及以上版本。

是的，我看到了，但是先生在同一个浏览器中它不能在我的工作，但可以为 fb 工作

您可以在旧版本的 IE 中通过删除边框 border: none; 并添加具有圆角的背景图像：background-image: url(roundedinput.png);