Question

可能重复：
How can I style an html select box to omit drop down arrow for print?

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

Answer 1

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>

如何在html表单下拉列表中隐藏箭头按钮？

1 个答案: