Create rounded corners for for boxes around input fields

[telepet]

I'm following along with this tutorial in the Caspio Online Help Center: Add Rounded Borders to the Form and Fields.  I'm able to get rounded corners, but I'd like to also adjust the shape of the box that appears when you bring a field into focus, or click your mouse cursor into the field.  Is it possible to change that in the CSS as well?

[MayMusic]

Refer to http://howto.caspio.com/styles/add-rounded-borders-to-fields-2/.

If you want to conditionally change the style, you can add a script to change the style on mouse-over I believe, Have not tried yet but it should be working. I will try when I have time and let you know

[telepet]

Thanks @MayMusic.  When I click in a field, there is a blue frame box that highlight the field for me.  This is great, except that it doesn't have rounded off corners.  I'm not needing any change upon a mouse-over, but would like that higfhlight frame box to have the same rounded corners as the field itself.  I Google a bit and it seems like maybe I'll need to add something like this:

 

input:focus { 
    border-radius: 12px;
}

Investigating further...!

[telepet]

I think what I need is an `focus:selector`, via W3.

I'm trying the following: 

.cbFormTextField:focus
{
	border-radius: 20px
	background-color: #FF0000;
}

But am getting this error: Syntax error in class deünition. Would you like to save anyway?

 

[telepet]

Syntax error, missing semicolon on my part.  The below works:

.cbFormTextField:focus
{
	border-radius: 20px;
	background-color: #FF0000;
}

Still wish I could figure out how to get the blue rectangle to be rounded as well. 

[MayMusic]

send me the URL to this page so I can trace the code

[telepet]

Thanks @MayMusic .  I think I figured it out.  I'm getting rounded corners while in focus once I user a difference content management solution.  So, I think my problem lies with how that's set up.  I will speak with my web designer to explore this further.  I'd love to share out the site to you, but I'm afraid it's restricted at the moment.  Thanks for offering though!

[MayMusic]

You are welcome