如何使一种css输入类型与另一种输入类型显示相同
我正在为 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" 时，它显示不正确。我想让输入使用相同的类，而不考虑输入的类型。有办法做到这一点吗？
I'm using a special input type for the iPhone mobile safari browser:
<li><textarea placeholder="Store Description" ></textarea></li>
<li><input class="input['text']" type="tel" name="name" placeholder="Store Phone Number" id="some_name" /></li>
The problem is that the framework I'm using has CSS styles associated with inputs that have type="text". When I switch to type="tel" it displays incorrectly. I would like to make the input use the same class without considering the type of input. Is there a way to do this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您需要复制 input['text'] 的 CSS 并将其放入您自己的类中。然后您需要将该类应用到您的文本框。请记住针对风格。最有可能的是，您的样式需要使用额外的选择器来覆盖为 input['text']
CSS 定位定义的样式：http://htmldog.com/guides/cssadvanced/specificity/
You'll need to copy the CSS for input['text'] and put it in a class of your own. Then you need to apply that class to your textbox. Keep in mind about targeting the style. Most probably your style will need to be targeted with an extra selector to override the styles defined for the input['text']
CSS targeting : http://htmldog.com/guides/cssadvanced/specificity/
有什么原因不能修改css吗？
input[type="text"], input[type="tel"] { /* 样式 */ }Is there any reason you can't modify the css?
input[type="text"], input[type="tel"] { /* style */ }在 CSS 中，选择两种输入类型：
In your CSS, select both input types: