<span contenteditable="true">0</span>
span {
display: inline-block;
min-width: 70px;
outline: 1px solid #999;
}
span::after {
display: inline-block;
content: "i";
width: 15px;
height: 15px;
line-height: 15px;
background: skyblue;
text-align: center;
}
<picture>
для показа разных изображений на разных экранах.empty-flex {
height: 0;
border: 0; //опционально, для универсальности
text-decoration: none; //опционально, для универсальности
}
border-image: linear-gradient(150deg,#adf2f7 10%, transparent 30%, transparent 70%, #adf2f7 90%);
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:-moz-placeholder {
color: #ccc;
}
input::-webkit-input-placeholder {
color: #ccc;
}
textarea:focus:-moz-placeholder {
color: transparent;
}
textarea:focus::-webkit-input-placeholder {
color: transparent;
}
textarea:-moz-placeholder {
color: #ccc;
}
textarea::-webkit-input-placeholder {
color: #ccc;
}
@font-face {
font-family: 'SegoeUI';
src: url('../fonts/SegoeUIItalic/SegoeUIItalic.eot');
src: url('../fonts/SegoeUIItalic/SegoeUIItalic.eot?iefix') format('eot'),
url('../fonts/SegoeUIItalic/SegoeUIItalic.woff') format('woff'),
url('../fonts/SegoeUIItalic/SegoeUIItalic.ttf') format('truetype'),
font-weight: normal;
font-style: italic;
}