Dev Faq
9
votes

Cacher la barre de défilement verticale de la sélection multiligne Sélectionnez-vous dans Firefox et Chrome?

Ce problème semblait assez simple ( débordement: caché code>, non?) jusqu'à ce que je ne puisse pas le résoudre. J'ai une simple sélection multi-lignes avec une taille définie: 

<select size="10" name="elements">
... 
</select>

0 commentaires

8 Réponses :

2
votes

Vous ne pouvez pas, apparemment: http: //www.webdeveloper. com / forum / showthread.php? t = 154496

1 commentaires

Semble comme vrai, malheureusement.

-1
votes

La seule chose à laquelle je peux penser est de chevaucher la barre de défilement en positionnant une image ou un solide div avec un index z supérieur à droite sur le dessus de la barre Sélectionnez Scroll. Mais ce serait un hack moche.

0 commentaires
0
votes

Vous pouvez, Utilisation de certains JavaScript

Pas la meilleure solution, mais devrait fonctionner :)

1 commentaires

"Toujours citer la partie la plus pertinente d'un lien important, au cas où la ressource externe est inaccessible ou se transforme en permanence hors ligne." - Stackoverflow.com/help/how-to-answer

0
votes

Essayez ceci: 

<html>
<head>
<style>
div.border {
    margin-right: 0px;
    border-style:solid;
        overflow:hidden;
}
select.hiddenscroll {
    margin-right: -20px;
    margin-top: -3px;
    margin-bottom: -3px;
    padding-right: -20px;
        overflow:hidden;
}
</style>
</head>
<body>
    <table>
    <tr><td>
    <div class="border" style="overflow:hidden;">
        <select size="5" multiple="multiple" class="hiddenscroll" scrolling="no" seamless="seamless">
          <option>Option 1</option>
          <option>Option 2</option>
          <option>Option 3</option>
          <option>Option 4</option>
          <option>Option 5</option>  
        </select> 
    </div>
    <table>
    </tr></td>
</body>
</html>

1 commentaires

Une brève description de la solution au problème de OP serait meilleure. Veuillez lire: Stackoverflow.com/Questtions/how-to-answer

6
votes 
<div style="overflow: hidden;">
<select style="width: 110% ; border: 0px;">
.....
1 commentaires

Explication s'il vous plaît (voir Stackoverflow.com/help/how-to-answer ).

5
votes

C'est un fil plutôt vieux maintenant, mais j'imagine qu'il y en a d'autres qui y sont rencontrés dans la quête d'une réponse à la même question que moi. Pour les navigateurs WebKit, il existe une solution très simple de la permission du fait qu'ils (Chrome et Safari) permettent de conserver la barre de défilement.

Voici une référence décente à beaucoup de choses que vous pouvez faire avec Bars WebKit

/ a>. Le CSS dont vous avez besoin ici est P> 

<select class='subsel' id='selOne' size='4'>
 <option value='1'>Option One</option>
 <option value='2'>Option Two</option>
</select>

0 commentaires
-1
votes

La solution de @Mon pause à certaines occasions (par exemple, une cellule de table intérieure), bien que ce soit une excellente solution. Cependant, celui-ci est similaire mais meilleur:

Masquer la barre de défilement verticale dans