What does -webkit mean in css3

In CSS3, "-webkit" means that webkit is the private attribute of the kernel browser; for different browsers, different kernel names are specified to parse the new attributes of CSS3, and the prefix is ​​"- webkit-" attributes can be used normally in browsers with webkit as the core.

The operating environment of this tutorial: Windows 10 system, CSS3&&HTML5 version, Dell G3 computer.

What does -webkit mean in css3

The attributes prefixed with "-webkit-" can be used normally in browsers with webkit as the core

-Webkit is commonly used Yu represents chrome and safari private properties;

For different browsers, the kernel name is specified so that they can parse these new properties

Some new properties have been added to CSS3, such as box -reduis, box-orient, text-overflow, etc. These attributes do not exist or are not supported in previous versions. Therefore, for different browsers, their kernel names are specified so that they can handle these new Add attributes for analysis.

This seems to be a reasonable explanation, that is, -moz- is for firefox, and -webkit- is for safari and chrome.

• -moz represents the private properties of the firefox browser;

• -ms represents the private properties of the IE browser;

• -webkit represents chrome and safari private properties;

• -o represents Opera private properties.

Extended information:

Common private attributes take the chrome browser as an example

:: If the front is empty code global, if there is a certain The css selector of an element represents the content of the changed element

1. Input box

::-webkit-input-placeholder {}

//阻止input出现黄色背景
input:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: inset 0 0 0 1000px white !important;
}

Clear the arrow on the side of input[type=”number”]

input::-webkit-inner-spin-button { -webkit-appearance: none; }

2 , disable selected text

* {
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

(Learning video sharing: css video tutorial)

The above is the detailed content of What does -webkit mean in css3. For more information, please follow other related articles on the PHP Chinese website!