Ciao a tutti!
Volevo chiedervi perche mettendo un background-color a un submit il bottone mi diventa squadrato e non mettendolo è classico e tondeggiante?
Come posso rendere i 2 bottoni uguali a meno del grassetto e dello sfondo arancio?
ecco il mio codice:
jsp:
<c:choose>
<c:when test="${! empty messaggio.commentoFile}">
<c:set var="style" scope="page">CBld</c:set>
</c:when>
<c: otherwise>
<c:set var="style" scope="page">btn</c:set>
</c: otherwise>
</c:choose>
<form action="<%=request.getContextPath()%>/postinoMessaggiCommento.do" method="post" class="<c: out value="${style}"/>">
<input type="submit" value="Nota" class="<c: out value="${style}"/>" >
</form>
css:
.CBld {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
font:bold;
color: black;
width: 50px;
bottom: 0em;
border-spacing: 0em;
margin: 0em;
background-color: rgb(255,153,0);
}
.btn {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
font:normal;
color: black;
width: 50px;
bottom: 0em;
border-spacing: 0em;
margin: 0em;
}
Volevo chiedervi perche mettendo un background-color a un submit il bottone mi diventa squadrato e non mettendolo è classico e tondeggiante?
Come posso rendere i 2 bottoni uguali a meno del grassetto e dello sfondo arancio?
ecco il mio codice:
jsp:
<c:choose>
<c:when test="${! empty messaggio.commentoFile}">
<c:set var="style" scope="page">CBld</c:set>
</c:when>
<c: otherwise>
<c:set var="style" scope="page">btn</c:set>
</c: otherwise>
</c:choose>
<form action="<%=request.getContextPath()%>/postinoMessaggiCommento.do" method="post" class="<c: out value="${style}"/>">
<input type="submit" value="Nota" class="<c: out value="${style}"/>" >
</form>
css:
.CBld {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
font:bold;
color: black;
width: 50px;
bottom: 0em;
border-spacing: 0em;
margin: 0em;
background-color: rgb(255,153,0);
}
.btn {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
font:normal;
color: black;
width: 50px;
bottom: 0em;
border-spacing: 0em;
margin: 0em;
}
Ultima modifica: