7
This submit button soll auf der linken Seite abgerundet sein, und auf der rechten Seite zeigte. Es funktioniert in Nicht-IE-Browsern, aber in IE9 funktioniert es nicht.Wer weiß warum: nachdem CSS in IE9 nicht funktioniert?
Wenn ich die Stile in den Entwickler-Tool suchen, die Flacher-Taste: Nach Regel hat alles durchgestrichen, als ob es durch etwas ersetzt wird. Was?
<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>
Es funktioniert, wenn Sie ''
Zur Unterstützung @ thirtydot Vorschlag, ja, [mit einem' a' statt 'button' scheint Arbeit] (http://jsfiddle.net/BWC9q/7/). BoltClock kann oder darf nicht zustimmen. –
Das ist gut zu wissen, aber ich würde gerne in der Lage sein, es für die Formularübergabe ohne Javascript zu verwenden. Oder gibt es eine Möglichkeit, das irgendwie mit Ankern zu tun? – Chris