如何隐藏html表单下拉列表上的箭头按钮？_Html_Css_Forms_Drop Down Menu_Printing

如何隐藏html表单下拉列表上的箭头按钮？

html css forms drop-down-menu printing

如何隐藏html表单下拉列表上的箭头按钮？,html,css,forms,drop-down-menu,printing,Html,Css,Forms,Drop Down Menu,Printing,可能重复：我正在考虑为html表单创建打印页面，在表单中，我只希望显示所选选项的文本，而不是框或下拉按钮。如何做到这一点？最好使用纯CSS。您可以参考此链接，了解您的需求 You can refer this link that will shed some light on your need http://imar.spaanjaars.com/240/how-do-i-hide-screen-elements-when-a-page-is-printed <html&g

可能重复：

我正在考虑为html表单创建打印页面，在表单中，我只希望显示所选选项的文本，而不是框或下拉按钮。如何做到这一点？最好使用纯CSS。

您可以参考此链接，了解您的需求
You can refer this link that will shed some light on your need
http://imar.spaanjaars.com/240/how-do-i-hide-screen-elements-when-a-page-is-printed





<html>
<head>
  <title>Non Printable Stuff</title>
  <link href="/Styles/MainStyle.css" rel="stylesheet" type="text/css">
  <link href="/Styles/PrintStyle.css" rel=" stylesheet" type="text/css" media="print">

  <style type="text/css" media="print">
    .NonPrintable
    {
      display: none;
    }
  </style>

</head>
<body>
  <input type="button" value="I am hidden" class="NonPrintable">
</body>
</html> 


</head>
<body>
  <input type="button" value="I am hidden" class="NonPrintable">
</body>
</html> 

http://imar.spaanjaars.com/240/how-do-i-hide-screen-elements-when-a-page-is-printed
非印刷品
.不可打印
{
显示：无；
}

您可以参考此链接，了解您的需求
http://imar.spaanjaars.com/240/how-do-i-hide-screen-elements-when-a-page-is-printed
非印刷品
.不可打印
{
显示：无；
}

谢谢，但这不是我真正想要的。我知道如何隐藏元素等，但问题是，如果隐藏下拉列表的选择器，文本也会随之隐藏。对于文本框，我们可以设置输入{border style:none；}之类的样式。是的，已经完成了。我正在尝试摆脱下拉箭头。谢谢，但这不是我真正想要的。我知道如何隐藏元素等，但问题是，如果隐藏下拉列表的选择器，文本也会随之隐藏。对于文本框，我们可以设置输入{border style:none；}之类的样式。是的，已经完成了。不过，我正试图摆脱下拉箭头。