0

I have a print style sheet for my site which prints the basics of a calculation (inputs & outputs). I've successfully removed all the form elements across browsers apart from IE8 which refuses to remove the down arrow from the select inputs.

So far my code looks like this:

select {
  width: 80px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

Works in Firefox & Chrome but not IE8.

Any suggestions ?

Phlume
  • 3,075
  • 2
  • 19
  • 38
Pat Dobson
  • 3,249
  • 2
  • 19
  • 32
  • make `width: 0 px` for IE8 ? OR `text-indent: 0.01px; text-overflow: '';` – Ani Jan 10 '14 at 15:45
  • Check this: http://stackoverflow.com/questions/6787667/what-is-the-correct-moz-appearance-value-to-hide-dropdown-arrow-of-a-select#answer-18327666 – Ani Jan 10 '14 at 15:47
  • @Ani - this doesn't work, width: 0px would hide the content and text0-indent etc, has no effect on print. Thanks anyway. – Pat Dobson Jan 10 '14 at 15:59
  • Did you use it in `@media print` ? – Ani Jan 10 '14 at 16:00

0 Answers0