Vaadin 7 UI Design By Example Beginner's Guide

Styling buttons

Most of the time we will need two classes to style buttons: v-button and v-button-caption. Here is an example to change the color and size of buttons:

.v-button {
  color: #fff;
  background-color: #4455aa;
  border: 1px solid #4455aa;
  text-shadow:2px 2px 0px #474746;
  height: 50px;
  font-family:Trebuchet MS;
  font-weight: bold;
}