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

Question

我正在为 iPhone 移动版 safari 浏览器使用一种特殊的输入类型:

<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" 时，它显示不正确。我想让输入使用相同的类而不考虑输入的类型。有办法做到这一点吗？

Answer 1

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

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