Jump to content
simonp

How can I find the CSS used in a form from a web page?

Recommended Posts

I'm trying to recreate the CSS for the form textfields and also the submit button used on this page:

 

https://outdoorlads.com/user/register

 

(ie the rounded corner text boxes and the red rounded corner submit button)

 

I've tried trying to find these using page source in Safari with little success.

 

Any help appreciated whilst I'm still getting to grips with CSS :)

 

Thanks!

Share this post


Link to post
Share on other sites

Which browser (Chrome, Firefox, etc.) do you use? In Chrome, for example, you can right click things like the submit button and click "Inspect Element". This opens the Developer Tools panel, highlights the HTML code for the element you right clicked, and shows the associated CSS in the Styles tab.

 

More information about the Chrome Developer Tools panel can be found here:

https://developer.chrome.com/devtools

Share this post


Link to post
Share on other sites

Same thing in Firefox. Just right click the element, choose 'Inspect Element', and check it out.

 

You can also (in both Chrome and FF) turn attributes off, change their values, and add new attributes, so you can play around with things to see what it's going to look like before you commit the change to the CSS.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.