如何使一个css输入类型显示为与另一个输入类型相同

时间:2011-02-24 05:56:42

标签: css css3 mobile-safari

我正在为iPhone手机浏览器浏览器使用特殊输入类型:

<li><textarea placeholder="Store Description" ></textarea></li>
<li><input class="input['text']" type="tel" name="name" placeholder="Store Phone Number" id="some_name" /></li>

问题是我正在使用的框架具有与具有type="text"的输入相关联的CSS样式。当我切换到type="tel"时,它显示不正确。我想使输入使用相同的类而不考虑输入类型。有没有办法做到这一点?

3 个答案:

答案 0 :(得分:1)

您需要复制输入['text']的CSS并将其放在您自己的类中。然后,您需要将该类应用于您的文本框。请记住定位样式。很可能你的风格需要使用额外的选择器来覆盖为输入定义的样式['text']

CSS定位:http://htmldog.com/guides/cssadvanced/specificity/

答案 1 :(得分:1)

你有什么理由不能修改css吗?

input[type="text"], input[type="tel"] { /* style */ }

答案 2 :(得分:0)

在CSS中,选择两种输入类型:

input[type=text], input[type=tel]{ //CSS style in here
}