Ich habe fast eine Website erstellt, die einwandfrei in allen gängigen Browsern funktioniert. Gestern habe ich gefeiert, weil das stimmte. Heute habe ich herausgefunden, dass es nicht ist.Wie kann ich Knopftext in Opera umbrechen?

Offenbar wird Opera Text auf Schaltflächen nicht umbrechen. Ich habe alles ausprobiert, was in meinen Suchen auftauchte - vom Abstand bis zu veralteten Mozilla Firefox Hacks.

Wie kann ich Opera sagen, Text auf eine Schaltfläche zu legen? Eine Verkürzung des Textes ist keine Option, da die kürzeste Länge immer noch zu lang ist.

EDIT:

hier ein JSFiddle ist: http://jsfiddle.net/JavaAndCSharp/grX4H/

Quelle

2012-03-26 JavaAndCSharp

könnten Sie Beispielcode bereitstellen? Sprechen wir Eingaben vom Typ Button oder Button Element oder beides oder etwas anderes? – eis

Es würde helfen, wenn Sie tatsächlich die Dinge auflisten würden, die Sie ausprobiert haben und mit welchem HTML-Code. Welche Version von Opera, welches Betriebssystem usw. Sie kennen die grundlegenden Hintergrundinformationen zur Fehlerbehebung. – eis

@eis: Windows 7/XP/8 Entwicklungsvorschau; siehe JSFiddle für HTML/CSS; Oper 11.61 - spätestens. – JavaAndCSharp

Ähm, ja, es tut? Ich habe nicht einmal etwas anderes gemacht, als die Breite des Knopfes zu definieren. Ich würde vorschlagen, dass Sie ein Konflikt mit CSS haben.

http://jsfiddle.net/Qgdzx/

HTML:

<button>This is really long button text that should wrap after I define a fixed-width.</button>

CSS:

button{ 
    width:60px; 
}

Ausgang:

enter image description here

bearbeiten nach dem Update http://jsfiddle.net/CJbae/

HTML:

<form> 
    <button id="littleWorld" type="button">really really long text that will probably overflow on opera</button> 
</form>

CSS:

#littleWorld{ 
    border-radius:40px; 
    border-width:0px; 
    width:250px; 
    height:250px; 
    background-color:#808080; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
    font-weight:bold; 
    color:#FFFFFF; 
}

rounded button

Quelle

2012-03-26 12:08:00 MetalFrog

Siehe meine Bearbeitung der Frage. – JavaAndCSharp

Aktualisiere meine Antwort, um deine Frage zu beantworten. – MetalFrog

Hurra! Es funktioniert jetzt! Ich danke dir sehr. Ich wollte gerade aufgeben, besonders nach Hallvors Antwort. – JavaAndCSharp

Dies ist in der Tat ein bekanntes Problem in Opera, wo mehr Textformatierung wird auf BUTTON-Elemente angewendet als auf INPUT-Typ = -Schaltfläche. Sie sollten wirklich gleichwertig sein.

Ich hoffe, mit BUTTON statt INPUT type = „button“ ist eine akzeptable Lösung für Sie (die Daumen - BUTTON könnte in anderen Browsern andere Rendering-Probleme verursachen ..)

scheint Opera bereits einen Fehler auf dieser hat - intern ist es CORE-45335.

Quelle

2012-03-26 18:21:14 hallvors

Wie kann ich Knopftext in Opera umbrechen?

EDIT:

Antwort

Verwandte Themen