Ciao Ciao....
allego l'immagine funesta ..... è relativa ad un contenuto personalizzato con css su un sub tema fusion. Tutti i browser (firefox, opera, safari, IE, epiphany) me lo visualizzano dotted mentre Chrome insiste a mostrarlo in questo modo quando è :active ..... tutti border e i box sono a 0px. Non capisco come togliere il bordo in via definitiva su tutti ??? sul oice ho aggiunto un sacco di border: 0px; non sapendo a che altri santi rivolgermi!!
div.horizontal-tabs {
border: 0px;
margin: 0 0 0px;
padding: 0px;
font-style: 11px;
position: relative;
}
.element.style {
border-width: 0px;
}
.horizontal-tabs ul.horizontal-tabs-list {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #ffffff;
border-color: -moz-use-text-color #ffffff -moz-use-text-color -moz-use-text-color;
border-style: none none none none;
border-width: 0 0px 0 0;
clear: both;
display: inline-block;
height: auto;
list-style: none outside none;
margin: 0;
padding: 0px;
position: relative;
width: 100%;
}
.horizontal-tabs fieldset.horizontal-tabs-pane {
border: 0 none;
padding: 0 0em;
}
.horizontal-tabs-pane > legend {
display: none;
}
.horizontal-tabs ul.horizontal-tabs-list li {
/*background: none repeat scroll 0 0 #EEEEEE;*/
background:transparent url(pulsanti_mac_bianchi.png) no-repeat right -103px;
border-right: none;
float: left;
margin-right: 30px;
min-width: 5em;
padding: 0px;
}
.horizontal-tabs ul.horizontal-tabs-list li a {
/*background: none repeat scroll 0 0 #EEEEEE;*/
background:transparent url(pulsanti_mac_bianchi.png) no-repeat left -103px;
border-right: none;
float: left;
margin-right: 0px;
min-width: 5em;
padding: 0px;
}
.horizontal-tabs ul.horizontal-tabs-list li.selected {
/*background-color: #FFFFFF;*/
background:transparent url(pulsanti_mac_bianchi.png) no-repeat right -15px;
padding: 0 0 0px;
border: 0px;
}
.horizontal-tabs ul.horizontal-tabs-list li.selected a {
/*background-color: #FFFFFF;*/
background:transparent url(pulsanti_mac_bianchi.png) no-repeat left -15px;
padding: 0 0 0px;
border: 0px;
}
.horizontal-tabs ul.horizontal-tabs-list li a {
display: block;
padding: 0.5em 0.6em;
text-decoration: none;
border: 0px;
}
.horizontal-tabs ul.horizontal-tabs-list li a:hover, .horizontal-tabs ul.horizontal-tabs-list li a:focus {
/*background-color: #EDEDDD; sovrappone colore sfondo quando si è a focus------------------*/
background:transparent url(pulsanti_mac_bianchi.png) no-repeat left -59px ;
padding-left: -8px;
outline-color: none;
outline: none none none;
border: 0px;
}
.horizontal-tabs ul.horizontal-tabs-list li:hover, .horizontal-tabs ul.horizontal-tabs-list li:focus {
background-color: #DDDDDD;
background:transparent url(pulsanti_mac_bianchi.png) no-repeat right -59px ;
color: blue !important; /*quando vado a focus cambia colore scritta-------------------*/
}
.horizontal-tabs ul.horizontal-tabs-list li a:focus strong, .horizontal-tabs ul.horizontal-tabs-list li a:active strong, .horizontal-tabs ul.horizontal-tabs-list li a:hover strong {
outline: medium none;
text-decoration: none;
border: 0px;
}
/*.horizontal-tabs ul.horizontal-tabs-list li a {
display: block;
padding: 0.5em 0.6em 0.3em;
position: relative;
text-decoration: none;
top: 0;
}*/
.horizontal-tabs ul.horizontal-tabs-list li.selected a, .horizontal-tabs ul.horizontal-tabs-list li a {
/*background:transparent url(bullets.png) no-repeat 0 7px;*/
display: block;
padding: 0.5em 0.6em 0.3em;
position: relative;
text-decoration: none;
top: 0;
border: 0px;
}
.horizontal-tabs ul.horizontal-tabs-list .selected strong {
color: blue;
border: 0px;
}
.horizontal-tabs ul.horizontal-tabs-list .summary {
display: block;
border: 0px;
}
.horizontal-tabs ul.horizontal-tabs ul.horizontal-tabs-list .summary {
line-height: normal;
margin-bottom: 0;
border: 0px;
}
div.field-group-htabs-wrapper .field-group-format-wrapper {
clear: both;
padding: 0 0 0.6em;
border: 0px;
}
.horizontal-tabs .horizontal-tab-hidden {
display: block;
position: absolute;
top: -100000px;
border: 0px;
}
risolto su tutti i browser tranne che su chrome specificando le proprietà:
outline-style:none;outline-color:none;
outline-width:0px;
invece di lasciare outline: 0px none none;
Ora su chrome si vede ancora come in foto mentre su tutti glia altri è scomparso il contorno dotted. .....
nevengofuori
risolto ..... ho aggiunto un po' di outline-width: 0px !important; ...... ha funzionato solo per un po' .... ho tolto del css superfluo e chrome ha ricominciato a mostrare il riquadro.
Tutti gli altri non sono stati toccati dallo sfoltimento del codice.
nevengofuori
ho dovuto replicare:
outline-style:none;outline-color:none;
outline-width:0px !important;
su tutte le classi css interessate dal pulsante affinchè chrome si decidesse a non stampare l'outline
nevengofuori