Ok , así que traté de cambiar el color de fondo del abierto de twitter bootstrap menú desplegable a un gris oscuro, pero aún es blanco ! AYUDA sería muy apreciada…

Aquí está el código CSS :

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color:#606060;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

Código HTML:

<div class="span2">
  <div id="networkSelection">
    <label class="play-label"><div class="localized-label">NETWORK</div></label>
    <ul class="nav nav-pills">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          Select Network <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#">Los Angeles Unified</a></li>
          <li><a href="#">Harry Potter Club</a></li>
          <li><a href="#">X-Games Enthusiasts</a></li>
          <li><a href="#">Pasadena Kids Club</a></li>
          <li><a href="#">RECOMMENDED NETWORKS</a>
        </ul>
        <ul>
          <li><a href="#">Los Angeles Unified</a></li>
          <li><a href="#">Harry Potter Club</a></li>
          <li><a href="#">X-Games Enthusiasts</a></li>
          <li><a href="#">Pasadena Kids Club</a></li>
        </ul>
      </li>
    </ul>
  </div>
</div>
  • ¿Hay que poner el CSS después de bootstrap ?

1 Comentario

  1. 1

    El código parece trabajo. Usted puede personalizar el arranque en esta página. Hay una sección para las listas desplegables. Conjunto cualquiera de los colores que quieres y descargar el nuevo CSS.

    • ¿a qué te refieres ? Sólo tengo que ser capaz de cambiar el color de mi menú desplegable a un gris oscuro, pero no es trabajo en todo .. puede usted por favor, muéstrame cómo puedo hacerlo . A primera vista , es auto explicativo , yo solo hice background-color:#606060; pero se sigue mostrando el blanco !!
    • Conseguí lo que quería , pero cuando voy a descargar el css , se produce un error y no obtener ningún archivo CSS
    • Le dará un nuevo archivo css de bootstrap. Reemplazar el existente bootstrap con la nueva. Mira en el primer enlace en mi respuesta, es la muestra de trabajo. Su necesidad de poner ese código CSS personalizado después de todos los demás bootstrap CSS.
    • También usted sólo necesita los estilos se puede cambiar, no todo. Sólo es necesario que el color de fondo de la línea.

Dejar respuesta

Please enter your comment!
Please enter your name here