Substituindo o estilo da interface do usuário do jQuery em componentes específicos

Tanto quanto eu gosto de themeRoller eu gostaria de ser capaz de manipular e replace o estilo CSS de alguns dos meus componentes de interface do usuário da jQuery, especialmente os botões.

Tenho conseguido alterar a fonte e o tamanho, mas não consigo alterar a imagem de fundo e o preenchimento. Eu olhei ao redor no arquivo css do tema, na esperança de encontrar algo para replace, mas nada parecia funcionar.

Alguém pode me dar algumas dicas sobre como obter o código abaixo corretamente?

Arquivo .CSS

#create-user .ui-button { background-image: none; } 

arquivo .xhtml

  

Tente o seguinte para forçá-lo:

 #create-user .ui-button { background-image: none !important; } 

Também pode ser uma idéia melhor editar manualmente o arquivo CSS original gerado pelo themeroller.

Você também pode tentar remover algumas classs depois que você chamou .button() . A aparência do botão é amplamente controlada por ui-state-default e ui-corner-all . Tente removê-los, veja se sua class personalizada começa a funcionar. Ele também adiciona o ui-state-hover e talvez ui-state-active dinamicamente.

Ao todo, é provavelmente mais fácil não usar um botão da interface do usuário da jQuery, se for apenas alguns casos especiais, tente criar um estilo sozinho.

Isso pode ajudá-lo:

Crie uma nova turma. Não edite a class atual, ela também pode ser usada em outros lugares. A melhor maneira é criar uma nova class:

 .button_style{ background:none !important; padding:5px !important; } 

Faça a modificação no css. Use css hack ‘! Important’.

Intereting Posts