/

Styling in developer tools

Styling in developer tools

Owned by Jigar Mehta (Unlicensed)

Mar 01, 2024

1 min read

You can manipulate or alter HTML styling using built-in CSS of the website or by creating custom styles.

/*Clear out any existing css.*/

document.head.innerHTML = '' 

/*Change font to Arial of the text*/

document.body.style.fontFamily = “Arial”

/*Change background colour of page*/

document.body.style.backgroundColor = 'rgb(128, 0, 128)'

/*Change background colour of text*/

document.body.style.color = 'white'

Related content

Inspecting content for styling manipulation

Inspecting content for styling manipulation

More like this

Change CSS property of a DOM element

Change CSS property of a DOM element

More like this

Using the Chrome Tools for CSS

Using the Chrome Tools for CSS

More like this

CSS Colors

More like this

CSS Selectors

More like this

Make a CSS sandbox!

Make a CSS sandbox!

More like this