Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola pessoal
eu preciso personalizar visualmente o selecmenu.
existe um meio de eu deixar ele com cantos arredondados ou "diferente" do padrão.
Montei uma pagina e o cliente nao quer ele no padrao, quer ele com uns fluflus.
Nao sei direito como fazer isso, se tem como fazer com CSS ou Java Script
mas qualquer um dos 2 sao bem vindos
obs.: to usando mootools, as vezes isso pode ajudar
abs
T+
o background beleza eu consigo fazer,
ele quer arredondar os campos, pq no IE fica aquele quadrado.
na verdade, ele que algo parecido com flash, ou alguns efetido qdo clicar no select, tipo fade, entre outras coisas
bem, acho que é isso por enqto
abs
T+
encontrei esse site
interessante
http://www.emblematiq.com/projects/niceforms
se alguem souber de coisas nesse estilo, me avise por favor
Obs.: nao funciona no IE 6
abs
T+
Nossa.. bem legal esse que você achou. Mas não se não funciona no IE, recomendo fazer um parecido SEPARADO pra IE. Ou se aventurar a fazer uma coisa parecida pra todos os navegadores.
Pra fazer uma coisa que vai pegar só no IE6 você pode usar algo como:
* html select {
background: url(fundoSelect.jpg) no-repeat 0 0;
boder: 1px solid #eee;
height: 30px;
padding: 3px;
}Se for usar, lembre de colocar isso abaixo de tudo o que você atribuiu para os outros navegadores.
encontrei esse também.
http://ryanfait.com/resources/custom-check...uttons/example/
o problema maior que tenho é, o cinza do SelecMenu, a seta pra baixo, isso apenas via JavaScript da pra remover(pelo menos foi o unico meio que vi ate agora)
mas como nao funciona so no IE6, acho que vou usar este mesmo, so tenho que experimentar no IE8 pra ver como fica este.
abs
T+
Bem legal esse também, cara.
Mas como eu disse, rola de você fazer uma versao CSS puro que vai aparecer só no IE6. Não sei se é perda de tempo pra você, mas acho oque não seria.
Copia mais ou menos a img de fundo, só não vai dar pra mudar a seta pra baixo (na verdade eu nunca pus img de fundo em um select) :)
Flwz
Deu muito sorte tive um job aqui na empresa no qual precisei fazer isso e ele TINHA que funcionar no nosso caro amigo IE de m***** 6 rs bem este link rola sim no ie 6 7 entre outros
http://marghoobsuleman.com/mywork/jcompone...DownCustom.html
espero que ajude
abs
Celso, valeu pelo link
vou dar uma testada no IE6 pra ver como fica.
e ver se entendo como ele mudou a "seta" do selecMenu.
abs e obrigado
T+
É um <select> né?
Cara.. sempre dá pra personalizar. Usando imgs como background ou com css puro.
Para fazer bordas arredondadas use:
select {
border-radius: 10px; /Padrão/
-moz-border-radius: 10px; /Firefox/
-webkit-border-radius: 10px; /Web Kit/
}
Mas especifique melhor o que você tá querendo. :)
Opa.. só lembrando que 'border-radius' não funciona em nenhum I.E. e nem no Chrome.