Como posso estilizar o preenchimento automático da UI do jQuery de maneira diferente das guias da UI do jQuery?
Estou usando dois widgets jquery ui, preenchimento automático e guia
Cada um tem suas próprias folhas de estilo emjquery.ui.autocomplete.css
ejquery.ui.tabs.css
respectivamente, no entanto, eles compartilham muitos estilos emjquery.ui.theme.css
. Quando faço uma alteração nos estilos emjquery.ui.theme.css
afeta o preenchimento automático e as guias. Como posso personalizar os estilos diferentes para preenchimento automático e guias?
Uma coisa que eu gostaria de mudar é as bordas arredondadas no efeito de foco de fundo para o preenchimento automático. A alteração adequada .css para isso é
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
Como eu gostaria que as guias fossem arredondadas. Então a mudança que eu faria é mudar o raio de0px
para5px
.