&HTML: Wie kann man Buttons transparent gestalten?

Moin,

ich hoffe ihr könnt mir helfen, ich möchte diese weißen standart buttons auf meiner seite nicht haben. Deshalb wollte ich die buttons transparent sein alssen, dass man also nurnoch den Text und ein Bild davor sieht. Nun mein code funktioniert nicht was hab ich falsch gemacht, oder gibt es eine elegantere Lösung?

Bilder im Anhang

Du musst die Background color nicht auf die Button Group Klasse sondern die btn Klasse anwenden. Oder btn-default je nachdem wie du mit den Klassen arbeitest.

Am besten ist demnächst auch den Code als Text hier anzufügen, lässt sich deutlich besser lesen vor allem mobil.

Ich schiebe das zudem Mal in den richtigen Bereich ;)

Quote:

Originally Posted by Serraniel Du musst die Background color nicht auf die Button Group Klasse sondern die btn Klasse anwenden. Oder btn-default je nachdem wie du mit den Klassen arbeitest. Am besten ist demnächst auch den Code als Text hier anzufügen, lässt sich deutlich besser lesen vor allem mobil. Ich schiebe das zudem Mal in den richtigen Bereich ;)

Hey danke, für das verschieben und die erste Antwort. :)

Ich habe jetzt die aus dem codeteil:

<div class="btn-group" role="group ">
<button type="button " class="btn btn1 "><img class="story" src="Bilder/story.png">Story</button>
</div>

in die css folgend eingetippt:

.btn btn1 {
background-color: transparent;
background-repeat:no-repeat;
border: none;
cursor:pointer;
overflow: hidden;
outline:none;

aber es passiert rein gar nichts. Ist es schon wieder die falsche klasse?

mfg

.btn btn1 funktioniert so nicht. Für btn1 fehlt der Classindicator. Ohne mir den weiteren Code genauer angeschaut zu haben sollte .btn.btn1 eigentlich helfen. (: