The Code Editor can be found in the menu bar of the Web Designer.
Let’s now try to modify one textbox added in our web form. But the first question here is how to get the ID of the textbox because in CSS, the first thing you need is the ID of the component to modify its properties. With the help of the Developer Tool, I can easily get the ID of one textbox.
We’ll use country code for our example. Since the country code consists of 2 to 3 characters only, we need to shrink the width of the text box to 50. To do this, use the developer tool to get the ID of the text box.
Go back to the CSS Editor and add the specific property you want to modify.
Refresh the preview box to see the changes.
ClickDimensions control styling options are limited to font styling. The code editor is a big help when we want to extend the styling of the web controls in addition to what is provided out-of-the-box. It would be better if all styling options are included out-of-the-box, but still, it’s a good way of getting closer to learning CSS.
Hope this blog helps you.