本文介绍了如何通过CSS选择器@mediaprint和@media screen来隐藏和显示不同类型的表单元素，例如在打印模式下隐藏range输入框，以及在屏幕显示时隐藏数字输入框的箭头。这种方法可以用于创建更佳的屏幕和打印适配体验。
您可以尝试隐藏具有
CSS selectors的特定元素
@media print {
input[type=range] {
display: none;
}
}
然而，要隐藏数字元素中的箭头，或许您可以尝试放置2个元素，1个文本和1个数字，然后在屏幕模式下显示该数字，而文本被隐藏，反之亦然。
@media print {
input[type=text] {
display: inline-block;
border:none;
border-bottom:2px solid #000;
etc..
}
input[type=number] {
display: none;
}
}
@media screen {
input[type=number] {
display: inline-block;
}
input[type=text] {
display: none;
}
}
可以为其他表单元素做类似的事情。如果您可以使用此方法，将取决于您的实现。
928
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
