1 reply [Last post]
carosolenoc
carosolenoc's picture
Offline
newbie
Last seen: 6 years 32 weeks ago
Timezone: GMT-5
Joined: 2014-11-12
Posts: 1
Points: 2

Hi people! Im making a formulary and its almost ready, but, when you click in the input text field, appears a square blue like a focus on the field ( that's not the problem, is that mi fields have a border-radius property and the focus is square!) i can't find where to edit it :c Sad(

Heres the code:

.infocontacto{
position: absolute;
top: 120px;
left: 55%;
width: 310px;
height: 150px;
font-size: 1em;
text-align: left;
color: #FFF;
font-family:Museo;
}
.infopagina{
position: absolute;
top:570px;
left: 60%;
width: 600px;
height: 10px;
font-size: 10px;
text-align: right;
color: #FFF;
font-family:Museo;
}
.sticky {
border-top: 0 none;
left: 0;
position: fixed;
top: 0;
width: 100%;
height: 50px;
z-index: 100;
box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.4);
background-color: #FFF;
}
label {
display:block;
top: 5px;
margin-top: 25px;
color: #FFF;
font-family: Museo;
}

.formulario {
display:block;
margin:0 auto;
width:600px;
color: #FFF;
font-family:Museo;

}

form {
margin:0 auto;
width:520px;

}

input, textarea {
width:500px;
height:15px;
background:#FFF;
border-color: #FFF;
padding:10px;
margin-top:10px;
font-size:12px;
font-family: Helvetica;
border-radius: 30px;
border:none;
}

textarea {
height:100px;
border:none;
}

#submit {
width:80px;
height:30px;
margin-top:10px;
margin-left: 440px;
padding-top: 6px;
cursor:pointer;
background-color: #FFAA00;
color: #FFF;
font-family: Museo;
font-size: 12pt;

} 

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 3 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Hi carosolenoc, I'd probably

Hi carosolenoc,
I'd probably go without the border-radius, I don't think it is possible with CSS to add radius to the focus highlight.