2011-10-09 22 views
11

Estoy usando jQuery-UI para agregar tabs en mi página, después de que lo agregué, siento que el tamaño de fuente de pestaña y el ancho y alto de pestaña son demasiado grandes para mi página Me gustaría cambiar el tamaño de fuente y el ancho y alto de la pestaña. ¿Cómo hacerlo?Cómo cambiar el tamaño de fuente y el ancho y alto de tabulación de las pestañas de jQuery-UI

+0

Dicho manual dice "El plugin jQuery UI aquí utiliza el framework jQuery UI CSS con el estilo de su apariencia, incluidos los colores y texturas de fondo Nosotros recomendamos usar la herramienta ThemeRoller para crear y descargar temas personalizados que sean fáciles de construir y mantener ". Vería eso. – Nanne

+2

Eche un vistazo aquí http://keith-wood.name/uiTabs.html –

+0

¿Alguna de estas respuestas funcionó para usted? Si es así, acéptalo como la respuesta. – Tass

Respuesta

24

necesita cambiar en una clase css como esto

.ui-tabs .ui-tabs-nav li a {font-size:7pt !important;} 
+0

Buen punto hombre! +1 –

+0

Pero si tienes 2 o más widgets de pestañas en tu página, esto afectaría a todos. – Sathesh

+0

me ayudó, gracias ... – beegees

1

Ir a la jQuery UI ThemeRoller y crear su propio tema o modificar los preajustes. En el lado derecho, debajo de "Configuración de fuente" existe la opción de cambiar el tamaño de la fuente.

ThemeRoller Font Settings

En cuanto al tamaño de las pestañas, mirar en el archivo CSS que viene con el paquete de interfaz de usuario jQuery que ha descargado. Encuentra el selector de las pestañas jQuery UI y editar la propiedad padding:.

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } 
Cuestiones relacionadas