Title: Rounded corners when hover or active
Last modified: February 15, 2022

---

# Rounded corners when hover or active

 *  Resolved [skillsproductions](https://wordpress.org/support/users/skillsproductions/)
 * (@skillsproductions)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/rounded-corners-when-hover-or-active/)
 * What is the CSS code for rounded corners (border radius) for a text area when
   I click on it or my mouse in hovering on it?
    I want the black line around to
   have rounded corners.
    -  This topic was modified 4 years, 2 months ago by [skillsproductions](https://wordpress.org/support/users/skillsproductions/).
    -  This topic was modified 4 years, 2 months ago by [skillsproductions](https://wordpress.org/support/users/skillsproductions/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Frounded-corners-when-hover-or-active%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Support [Imran – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support9/)
 * (@wpmudev-support9)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/rounded-corners-when-hover-or-active/#post-15368015)
 * Hello [@skillsproductions](https://wordpress.org/support/users/skillsproductions/)!
 * I trust you’re doing great!
 * As the site is not accessible due to being under construction, I’ll share more
   general code here.
 * The way you do CSS when a field is hovered over is the :hover selector, so something
   like this:
 *     ```
       textarea:hover {
       // your CSS
       }
       ```
   
 * [https://www.w3schools.com/cssref/sel_hover.asp](https://www.w3schools.com/cssref/sel_hover.asp)
 * And for active it’s similar but you use :focus – [https://www.w3schools.com/cssref/sel_focus.asp](https://www.w3schools.com/cssref/sel_focus.asp)
 * If you’d like us to provide a more detailed code solution, can you deactivate
   the coming soon mode or set up your form on a page where we can access it and
   share the link here? It can be on a different site.
 * Best regards,
    Pawel
 *  Thread Starter [skillsproductions](https://wordpress.org/support/users/skillsproductions/)
 * (@skillsproductions)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/rounded-corners-when-hover-or-active/#post-15368163)
 * skillsproductionsq.wordpress.com
 * please check this website for more information to help because I cant remove 
   the countdown now. The CSS didn’t work
    -  This reply was modified 4 years, 2 months ago by [skillsproductions](https://wordpress.org/support/users/skillsproductions/).
 *  Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/)
 * (@wpmudev-support8)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/rounded-corners-when-hover-or-active/#post-15372423)
 * Hi [@skillsproductions](https://wordpress.org/support/users/skillsproductions/)
 * Assuming that the form ID is the same as on the image shared on this page, this
   code should work:
 *     ```
       .forminator-custom-form-25918 .forminator-textarea:hover {
       	-webkit-border-radius: 10px 10px 10px 10px!important;
         border-radius: 10px 10px 10px 10px!important;
       }
       ```
   
 * You can increase/decrease pixel values to adjust border but make sure to clear
   all cache on site after adding the code to the site.
 * Best regards,
    Adam
 *  Thread Starter [skillsproductions](https://wordpress.org/support/users/skillsproductions/)
 * (@skillsproductions)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/rounded-corners-when-hover-or-active/#post-15396644)
 * The form ID is indeed the same but sadly the code still doesn’t work, seems like
   the :hover code doesn’t work but I don’t know why
 *  Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/)
 * (@wpmudevsupport12)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/rounded-corners-when-hover-or-active/#post-15400489)
 * Hi [@skillsproductions](https://wordpress.org/support/users/skillsproductions/)
 * Would it be possible to share the form page so we can verify why the CSS isn’t
   working?
 * I tested it on my side and it worked: [https://monosnap.com/file/gmvIEc28Tr2gzPNkMa5UmbT3i5LpSU](https://monosnap.com/file/gmvIEc28Tr2gzPNkMa5UmbT3i5LpSU)
 * Best Regards
    Patrick Freitas
 *  Plugin Support [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/)
 * (@wpmudev-support2)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/rounded-corners-when-hover-or-active/#post-15416072)
 * Hello [@skillsproductions](https://wordpress.org/support/users/skillsproductions/),
 * We haven’t heard from you for a while now, so it looks like you don’t need our
   assistance anymore.
 * Feel free to re-open this ticket if needed.
 * Kind regards
    Kasia

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Rounded corners when hover or active’ is closed to new replies.

 * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182)
 * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/forminator/)
 * [Active Topics](https://wordpress.org/support/plugin/forminator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/)

## Tags

 * [active](https://wordpress.org/support/topic-tag/active/)
 * [code](https://wordpress.org/support/topic-tag/code/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [hover](https://wordpress.org/support/topic-tag/hover/)

 * 6 replies
 * 5 participants
 * Last reply from: [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/)
 * Last activity: [4 years, 2 months ago](https://wordpress.org/support/topic/rounded-corners-when-hover-or-active/#post-15416072)
 * Status: resolved