Roberto, parte de nuestro equipo de trabajo, nos hizo el favor de escribir este tutorial porque domina a la perfección el tema.
Solución:
consulte: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
entonces necesitas agregar: cursor:pointer;
En tu caso usa:
#more
background:none;
border:none;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
cursor:pointer;
Esto aplicará el cursor al elemento con la ID “más” (solo se puede usar una vez). Así que en tu uso de HTML
Si desea aplicar esto a más de un botón, tiene más de una posibilidad:
usando CLASE
.more
background:none;
border:none;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
cursor:pointer;
y en su uso de HTML
o aplicar a un contexto html:
input[type=button]
background:none;
border:none;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
cursor:pointer;
y en su uso de HTML
Solo agrega este estilo:
cursor: pointer;
La razón por la que no sucede de forma predeterminada es porque la mayoría de los navegadores reservan el puntero solo para enlaces (y tal vez un par de cosas más que me olvido, pero normalmente no s).
Más sobre el cursor propiedad: https://developer.mozilla.org/en/CSS/cursor
Normalmente aplico esto a y por defecto.
NOTA: Acabo de captar esto:
las etiquetas de los botones tienen una identificación de
#more
Es muy importante que cada elemento tenga su propio id, no puede tener duplicados. Utilizar el class attribute en su lugar, y cambie su selector de #more a .more. En realidad, este es un error bastante común que es la causa de muchos problemas y preguntas que se hacen aquí. Cuanto antes aprendas a usar idel mejor.
Todo lo que necesitas es usar uno de los attribute de CSS , que es—->
cursor:puntero
solo use esta propiedad en css, sin importar si está en línea, interna o externa
por ejemplo (para css en línea)
Ten en cuenta mostrar este artículo si te ayudó.