All geek questions in one place

Delete border / bg images when selected on chrome (mac)

I am creating a print css file to beautifully print a web page with several input elements. Everything looks good when printed from PC browsers, but when I look at chrome on a Mac, the selected item prints with rounded corners and selects the arrows in black (see Img)

http://media.onexamination.com/Images/SOE-MFD-111082612490.jpg

css on this

select {

border: none; overflow: visible; background: none;

}

How do you get rid of background things - you don’t even know what to call them, are they images ??

+4
source share
1 answer

I managed to find a solution for this ...

 -webkit-appearance: none;

This seems to remove all rendering on the element and leave it as selected text when printed.

+8
source

Source: https://habr.com/ru/post/1369155/

More articles:


All Articles