Element.style?

HTML & CSS
1

I tried editing the page using Google Developer Tool.

the textarea background is transparent.
and in google developer tool the CSS codes looks like this below,



:element.style {
    width: 95%;
    display: inline-block;
    z-index: auto;
    position: relative;
    line-height: 22.4px;
    font-size: 16px;
    transition: none;
    background: transparent !important;
}

As you can see the background is transparent.
Now I want to change it to black.
But google dev tool did not indicate where these codes were?
So how to know what file these codes located?

Or if I will edit the CSS codes in google dev tool, how to save the changes?

Thanks in advance.

2

The dev tools are basically just for testing purposes. Normally, once you’ve established the CSS/HTML you want, copy it and paste it into your real CSS file.

However, you can set up a workflow whereby your in-browser changes are saved directly to disc via Workspaces. This takes a bit of setting up, though.

3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.