// formato de estilo básico
QRadioButton {
font-family: "Microsoft YaHei"; // tipo de fuente
font-size: 25px; // tamaño de la fuente, pixel
color: # bdc8e2 // color de fuente
bosquejo: 0px; // eliminar cuadro de enfoque de trazos
frontera: 3px sólido rojo // borde externo
min-width: 30px; // tamaño
min-height: 30px;
background-color: RGBA (r, g, b, a); // Valor transparente transparente
}
// establecer el estilo de fuente
font-family: "Microsoft YaHei"; // tipo de fuente
font-size: 25px; // tamaño de la fuente, pixel
font-style: cursiva; // estilo de fuente cursiva, cursiva no Mormal
font-weight: bold; // negrita, negrita no Mormal
color: # bdc8e2 // color de fuente
fuente: negrita cursiva 18px "Microsoft YaHei"; // requisitos de la orden: tamaño de la familia de peso estilo o estilo de peso tamaño de la familia
// La posición del texto
Espaciado: 5px; // distancia entre la caja de selección y de texto (horizontal)
padding-left: 10px; distancia desde el lado izquierdo del límite (incluyendo la caja de selección)
padding-top: 10px; distancia desde el límite borde superior (incluyendo la caja de selección)
padding-right: 10px; distancia desde el lado derecho del límite (incluyendo la caja de selección)
padding-bottom: 10px; distancia desde el borde inferior del límite (incluyendo la caja de selección)
// estilo de borde
frontera de estilo: sólido; // estilo de borde, línea continua: sólido; línea discontinua: discontinua; línea de puntos: puntos;
No se muestra (por defecto): ninguno;
border-width: 2px;
border-color: rojo;
frontera: 2px, rojo sólido; // también establecer
// un cierto marco (los otros tres fronteras: derecho, inferior, izquierda)
Border-estilo superior: sólido;
border-top-width: 2px;
border-top-color: red;
// filete
border-top-left-radius: 20px; // arco esquina superior izquierda
border-top-derecha-radio: 20px; // cuadrante de esquina superior derecha
border-bottom-left-radius: 20px; // bajar cuadrante de esquina izquierda
border-bottom-derecha-radio: 20px; // inferior del arco esquina derecha
Bordet-radius: 20px; // establecer tanto arco cuatro esquinas
// estilo del fondo
background-color: RGBA (r, g, b, a); // Valor transparente transparente
Imagen de fondo: url ( "png."); // imagen de fondo
background-repeat: no-repeat; // repetición en el eje x: repetición-x; y eje de repetición: repetición-y
background-position: izquierda centro; // Imagen posición de visualización: izquierda, derecha, centro, arriba, abajo;
background: url ( "PNG".) no-repeat izquierdo y central # 2e3648; // cualquier orden
// estilo dinámico (no existe el estilo presionado)
// Hover
QRadioButton: hover {
color:
}
// botón está prohibido
QRadioButton: {desactivado
color:
}
// clic del ratón
QRadioButton: {desactivado
color:
}
// botón de opción
QRadioButton :: indicador {
anchura: 32px;
altura: 18px;
imagen: url (./ image1.png);
position: relative ; // podemos modificar la imagen de esta posición de parámetros: izquierda, derecha ...
left: 0px;
derecha: 0px;
top: 0px;
parte inferior: 0px;
}
// estilo dinámico botones de radio
QRadioButton :: indicador: hover {
Image: url (./ image2.png);
}
QRadioButton :: indicador: se presiona {
Image: url (./ image2.png);
}
// si el estado dinámico estilo seleccionado (sin marcar y el estilo cuando no se añadió ningún estado es el mismo)
QRadioButton :: indicador: sin control {
Image: url (./ image2.png);
}
QRadioButton :: indicador: sin control: hover {
Image: url (./ image2.png);
}
QRadioButton :: indicador: sin control: se presiona {
Image: url (./ image2.png);
}
QRadioButton :: indicador: activada {
Image: url (./ image2.png);
}
QRadioButton :: indicador: verificado: hover {
Image: url (./ image2.png);
}
QRadioButton :: indicador: verificado: oprimido {
Image: url (./ image2.png);
}
Publicados 104 artículos originales
·
ganado elogios 22
·
Vistas a 40000 +