html 양식 드롭 다운 목록에서 화살표 버튼을 숨기려면 어떻게해야합니까?

가능한 중복 :
How can I style an html select box to omit drop down arrow for print?html 양식 드롭 다운 목록에서 화살표 버튼을 숨기려면 어떻게해야합니까?

나는 HTML 양식에 대한 인쇄 페이지를 만들어보고, 나는 단지하고자하는 형태로, 선택한 옵션의 텍스트를하지 표시하고 상자 또는 드롭 다운 버튼. 어떻게 할 수 있습니까? 가급적 순수 CSS를 사용하십시오.

출처

2012-12-17 Thomas Tibbetts

Google 인쇄 미디어 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>

출처

2012-12-17 12:03:14

고마워요,하지만 이건 내가 찾고있는 것이 아닙니다. 요소 등을 숨기는 방법을 알고 있지만 문제는 드롭 다운의 선택기를 숨기면 텍스트도 함께 숨기는 것입니다. 텍스트 상자 용 –

입력과 같은 스타일을 설정할 수 있습니다. { border-style : none; } –

그래, 끝났어. 나는 아래쪽 화살표를 없애려고 노력하고 있습니다. –

html 양식 드롭 다운 목록에서 화살표 버튼을 숨기려면 어떻게해야합니까?

답변

관련 문제