CSS Best Practices

by Ivan Gerasimenko

JavaScript

//===========================================================
    // Do NOT use wide rules:
input,
select,
textarea {
    max-width: 280px;
}
    // DO USE boxed rules
.submit-form input,
.submit-form select,
.submit-form textarea {
    max-width: 280px;
}

//===========================================================
    // Do NOT change standard libraries e.g. bootstrap
DO NOT:
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	/*border: 1px solid #d3d3d3;*/
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
Someone is still expecting to see border :)
It's better to add class:
.no-border {
    border: none !important; /* or try without important */
}

//===========================================================
    // 

//===========================================================
    //