Definere rammer i textfields
Hvordan definerer jeg en tynd ramme rundt om mine input/textfields med understående css?body {
margin-top: 0px;
margin-bottom: 0px;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #8CBADE;
scrollbar-highlight-color: #8CBADE;
scrollbar-3dlight-color: #8CBADE;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #8CBADE;
font-family: arial, verdana, helvetica;
font-size: 10pt;
color: #000000;
background-color: #FFFFFF;
background-repeat: no-repeat;
overflow-y: scroll;
overflow-x: hidden;
line-height: 18px;
}
td {
font-family: arial, verdana, helvetica;
font-size: 11pt;
}
input {
border: 1px #000000 solid;
font-family: arial, verdana, helvetica;
font-size: 10px;
color: #0B479D;
background-color: #fffffff;
}
textarea {
border: 1px #000000 solid;
font-family: arial, verdana, helvetica;
font-size: 10px;
color: #000000;
background-color: #ffffff;
display : inline;
line-height: 15px;
}
select {
border: 1px #000000 solid;
font-family: arial, verdana, helvetica;
font-size: 11px;
color: #0B479D;
background-color: ffffff;
}
Text {
font-family: Helvetica, Arial, helvetica;
font-size: 11px;
display : inline ;
color: #0B479D}
.height {
height: 100%;
}
.header {
height: 80px;
border: 0px solid #CCCCCC;
background-repeat: repeat-x;
}
.space {
height: 2px;
}
.topmenu {
font-family: Verdana;
font-size: 11px;
color: #000000;
height: 25px;
border: 0px solid #CCCCCC;
background-repeat: repeat-x;
}
.maintd {
padding: 4px;
border: 0px solid #CCCCCC;
}
.box {
padding-left: 5px;
font-family: Verdana;
font-size: 11px;
color: #000000;
height: 66px;
border: 1px solid #CCCCCC;
background-image: url("../images/box-bg.jpeg");
background-repeat: repeat-x;
}
.boxcontent {
font-family: Verdana;
font-size: 11px;
color: #DEE6EC;
}
.category {
padding-left: 17px;
font-family: Verdana;
font-size: 10px;
color: #0B479D;
font-weight: bold;
height: 17px;
border: 1px solid #C0DCC7;
background-image: url("../images/bg.gif");
background-repeat: repeat-x;
line-height: 15px;
}
.content {
font-family: Verdana;
font-size: 10px;
color: #000000;
padding: 15px;
vertical-align: top;
border: 0px solid #C0DCC7;
display : inline;
line-height: 18px;
}
.text {
font-family: verdana;
font-size: 10px;
color: #000000;
display : inline;
line-height: 15px;
}
.warn {
font-family: verdana;
font-size: 10px;
color: #800000;
}
.suc {
font-family: verdana;
font-size: 10px;
color: #008000;
}
input, textarea, select {
border: 0px solid #C0DCC7;
}
a {
font-family: Verdana;
font-size: 10px;
color: #000000;
}
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
color: #0B479D;
background-color: #C2E8E7;
width:90%;
text-decoration:underline;
}
a:active {
text-decoration:none;
}
