Unknown CSS

We can style input placeholder with "::-webkit-input-placeholder". This is very useful trick when you want your inputs to look different.

In this section you gonna learn how to change the cursor color.

To change the cursor color we use "caret-color" property in the css

To Change the Text selection Color we use ::selection selector to override the default text selection color.

Select this paragraph using mouse.

Now Select this paragraph you may see the difference.

The :not selector

By using the :not selection we can specify where the style should not apply.

In this section we going to learn how to remove the arrow from the type number input.

We use ::-webkit-outer-spin-button and ::-webkit-inner-spin-button selector.

In this section you are going to learn how to remove the border of input.

for removing the outline of the input we use outline property and the none value. "border:none"

This box has scroll bar but hidden. We can hide the scroll bar using the CSS property.

To hide the Scrollbar we use ::-webkit-scrollbar selector.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est illo perferendis, enim dolore nam laborum porro reprehenderit tenetur itaque, dignissimos, quod cumque eveniet quo. Qui molestias similique corrupti ut quisquam, magni illo asperiores, dolores porro cumque culpa natus quasi fugit sapiente! Eius, itaque fugit pariatur repellat quos aut ipsum. In molestias facilis nulla veniam quaerat officiis, cupiditate nobis ex praesentium veritatis reiciendis corporis perferendis vel totam impedit ipsum dicta laboriosam illum, animi exercitationem? Numquam ad quis dignissimos eius, consequuntur aspernatur, nobis, possimus fugit commodi itaque molestias necessitatibus dicta nihil? Consequuntur hic, tenetur distinctio iure illo repellat. Accusamus maxime corrupti quas.