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.

questionAnswers(2)

yourAnswerToTheQuestion