jQuery .not(element) doesn't work in mobile browser (Firefox, Chorme, Safari)

Question

I would like customize input elements except input element with id #search , so i used not('#search') , but this doesn't work in mobile browser (safari with iphone 9.2 and with app Firefox and Chrome). In desktop browser works very well. What i tried:

    $('input').not('#search').css({ 
        'max-width': '90%',
        'border-radius': '8px',
        'color': '#000'
    }); 

https://jsfiddle.net/jfxpehrL/2/

So in mobile browser not() doesn't work and input #search is customized

How is possible ?

I have other way to do what i want to do ?

Thanks a lot and sorry for my english :)

Answer 1

You can also try :not() selector:

$('input:not(#search)').css({ 
    'max-width': '90%',
    'border-radius': '8px',
    'color': '#000'
});