Кто-нибудь знает, почему это: после CSS не работает в IE9?
Эта кнопка отправки должен быть закруглен с левой стороны и заострен с правой стороны. Он работает в браузерах, отличных от IE, но в IE9 он не работает.
Если я смотрю на стили в инструментах разработчика, то .flat-button: after rule все перечеркнуло, как будто оно чем-то заменено. Какие?
<code><button type="submit" class="flat-button">Submit</button> <style> .flat-button { float: left; position: relative; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border: none; padding: 0 12px; margin: 0 3px 3px 0; outline: none; cursor: pointer; color: white; font-family:'Trebuchet MS', Arial, helvetica, Sans-Serif; font-size: 14px; font-weight: bold; font-style: italic; text-decoration: none; border-collapse: separate; height: 26px; line-height: 26px; background: #5191cd; } .flat-button:hover { background: #1c3f95; } .flat-button:after { position: absolute; content: ' '; height: 0; width: 0; left: 100%; border: 13px solid transparent; border-left-color: #5191cd; } .flat-button:hover:after { border-left-color: #1c3f95; } </style> </code>