Bom dia, estou a ter aqui um quebra cabeças que não consigo resolver,
O problema é o seguinte, tenho uma select box com as jornadas e gostaria de alinhar á direita.
No Firefox funciona bem mas no Chrome e IE não
Aqui está
http://www.sccabecudense.com
css
Código (CSS):
O problema é o seguinte, tenho uma select box com as jornadas e gostaria de alinhar á direita.
No Firefox funciona bem mas no Chrome e IE não
Aqui está
http://www.sccabecudense.com
css
Código (CSS):
.styled-select {
width: 220px;
height: 30px;
overflow: hidden;
background: url('../images/seta.jpg') no-repeat right #ddd;
border: 1px solid #ccc;
z-index: 999;
}
.styled-select select {
background: transparent;
width: 240px;
padding: 5px;
font-size: 12px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
.styled-select select option
{
background: transparent;
float:left;
position:relative;
width: 200px;
padding:3px 1px;
text-align:right !important;
font-size:11px
}
width: 220px;
height: 30px;
overflow: hidden;
background: url('../images/seta.jpg') no-repeat right #ddd;
border: 1px solid #ccc;
z-index: 999;
}
.styled-select select {
background: transparent;
width: 240px;
padding: 5px;
font-size: 12px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
.styled-select select option
{
background: transparent;
float:left;
position:relative;
width: 200px;
padding:3px 1px;
text-align:right !important;
font-size:11px
}