CSS псевдоэлемент -::ms-browse. Как оформить кнопку с помощью ::ms-browse
::ms-browse - нестандартный псевдоэлемент, работающий лишь в Internet Explorer 10+.
Этот псевдоэлемент, введенный Microsoft, позволяет задать стиль для кнопки «Обзор» при загрузке файлов через <input type="file">
. Помимо IE 10+ вам потребуется Windows 8 (десктопная) и выше, или Windows Server 2012 (десктопная) и выше.
Правила написания ::-ms-browse в CSS
Селектор::-ms-browse { CSS свойства }
Пример применения псевдоэлемента -::ms-browse
Сделаем нашу кнопку «Обзор» красивой-прекрасивой.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Пример CSS стиля float</title>
<style>
input[type="file"]::-ms-value {
background: #ececec; /* Цвет фона */
color: #ffffff; /* Цвет текста */
border: 1px solid #479cd6; /* Рамка */
padding: 4px; /* Поля */
}
::-ms-browse {
border-radius: 10px; /* Радиус скругления */
background: #7bbc42; /* Цвет фона */
color: #ffffff; /* Цвет текста */
border: 1px solid #479cd6; /* Рамка */
margin-left: 2px; /* Отступ слева */
padding: 4px 10px; /* Поля */
}
</style>
</head>
<body>
<input type="file">
</body>
</html>