Weißer Rand um Button HTML?

Hallo,

ich habe in HTML einfach ein bisschen rumgespielt und gesehen das um den Button ein weißer Rand ist. Wie kann ich den entfernen?

1 Antwort

Vom Beitragsersteller als hilfreich ausgezeichnet

Niklas

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

10.01.2020, 20:59

Hallo troloxi,

entweder du machst den border des Buttons transparent, oder du setzt seine width auf 0.

.buttonOne {
  border: transparent;
}

.buttonTwo {
  border: 0;
}

Mehr zur border-Eigenschaft: https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/%C3%A4u%C3%9Fere_Gestaltung/Rahmen/border

Liebe Grüße

Niklas

troloxi

Beitragsersteller

10.01.2020, 21:01

Vielen Dank :3

Niklas

27.05.2021, 12:21

@troloxi

Gerne 🙂

troloxi

Beitragsersteller

10.01.2020, 21:18

Ich hätte noch eine Frage an dich, wie kann ich sie dir am besten stellen?

Ähnliche Beiträge

HTML/CSS Button RAND entfernen?

Hallo,

ich möchte den Rand entfernen von diesem Button: http://www.home.friendzoomer.bplaced.de/index.htm/

(Siehe Quelltext)

Welcher ist es? Wie kann ich das entfernen?

...zum Beitrag

HTML, CSS, Javascript EventHandler und .innerText?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test DOM Manipulation</title>
    <script src="inner.Text.js" defer></script>
</head>
<body>

<div>
    <button id="button">click me</button>
    <input type="submit" id="Einreichen" name="Einreichen" value="Testen">
</div>

</body>
</html>
const meinBody = document.body;
const e1 = document.createElement('div');

const innerText1 = "Programmieren ";
const innerText2 = document.createElement("b");
innerText2.innerText = "3";
const innerText3 = " FTW!";

e1.append(innerText1, innerText2, innerText3);
meinBody.append(e1);

const button = document.getElementById('button');

button.addEventListener('click', () =>  {
button.innerText = "Klicken";}

Wenn ich den button klicken, warum wird dann das click me nicht durch Klicken ersetzt?
Warum wird das meinBody.append(e1); nicht ausgeführt?

MFG

...zum Beitrag

HTML buttons zwei auf einer seite?

ich programmiere gerade in html und möchte auf einer seite zwei buttons haben die jeweils auf eine andere html seite verlinken. das problem ist aber das diese ja den gleichen anchor tags brauchen also <a href="seite2.htmll">seite zwei</a>.

aber wenn ich beide mit dem gleichen tag also "a" mache kann ich beim css nicht beide individuell designen und beide Buttons sehen gleich aus.

wie kann man das fixen?

...zum Beitrag

Button in html mit bild?

Ich möchte gerne in html ein Button mit einem Bild machen. Der Button ist etwas länger und abgerundet. Ist es möglich ein Bild im Button links einzublenden, momentan ist er von außen mit Position relativ in Button.

Wie kann ich das Bild in den Button bekommen ohne das er sich verändert. Er sollte einfach nur ein Bild im Button haben und nicht von außerhalb drauf sein.

...zum Beitrag

html: wie button zentrieren und farbe ändern?

hallo, wie kann ich in html einen button, den ich wie folgt gemacht habe, zentrieren und die farbe ändern.

html:<a href="https://wakeuprecords.zohobookings.eu/#/wakeuprecords">
<button>Buche deine Session hier</button>
</a>
css:.button {
text-align: center;
}
button {
font-size: 20px;
background-color: yellow;
cursor: pointer;
color: green;
}

hab ich irgendwo einen fehler oder muss man das anders machen, den bei mir ändert sich gar nichts.

...zum Beitrag

Weissen Rand auf html Webseite entfernen?

Ich bin gerade dabei eine Webseite zu programmieren.

Wenn ich den body bei css anspreche und dann baclground image: url (bild); dann erscheint um die navleiste einen Rand was ich nicht möchte

Füge ich aber das bild im body teil ein und setze padding, border, margin auf 0 und height und width auf 100% dann habe ich auf der weissen Seite einen Rand.

Wie kann ich diesen Rand loswerden?

...zum Beitrag

Wie in HTML und CSS einen angeklickten Button "gedrückt" halten?

Ich habe ein paar Buttons, die zwischen den HTML-Dokumenten auf dem Server switchen. Die Effekte mit

a:hover {
  ...
  }
a:active {
  ...
  }

sind mir bereits bekannt.

Nur soll eben, wenn der Benutzer einen dieser Buttons wählt, z. B. den "Home" Button, der ihn dann auf die home.html bringt, dieser Button "gedrückt" bleiben, also z. B. die Eigenschaften von a:active übernehmen.

Nur solange der Benutzer auf der home.html ist. Wenn er z. B. auf die next.html geht, dann soll dieser Button "next" gedrückt bleiben.

...zum Beitrag

Javascript/HTML - Funktionierenden Button hinter Bild?

Wie packe ich einen Button so hinter ein Bild ,dass er noch funktioniert?

Oder auch über das Bild ,so dass er dann hidden wäre , aber noch funktioniert?

ich habe es mit "visibility:hidden" probiert ,aber dann funktioniert er nicht mehr.Ich hab auch mit z-Index rumgespielt ...

...zum Beitrag

Wie kann ich Buttons unabhängig von einander platzieren, bei html?

Hallo, ich habe das Problem, dass ich bei html und css buttons untereinander platziert habe. Ich habe das mit Background-color und line-height gemacht. Wenn ich jetzt aber einen Hovereffekt hinzufüge, z. B. das der Button größer wird, werden dann auch alle Buttons darunter mitbewegt. Ich möchte aber, das die Buttons unabhängig von einander sind und nicht beeinflusst werden können. Ich habe das auch mit display: inline-block gemacht. Ich hoffe, ihr könnt mir helfen!

...zum Beitrag

Wie kann ich den HTML-Button mit CSS einfärben?

Hey, ich habe folgenden HTML-Code, der einen Button erstellt und möchte nun dem Button noch die Farbe #3BB54A geben.

<a href="https://nebelbusiness.de/" class="elementor-button-link elementor-button elementor-size-md elementor-animation-grow" role="button">
  <span class="elementor-button-content-wrapper">
    <span class="elementor-button-text">Schreib mir jetzt auf WhatApps!</span>
  </span>
</a>

Es soll nur den einen Button betreffen. Es sind mehrere auf der Seite vorhanden.

Vielen lieben Dank für deine Hilfe!

...zum Beitrag

[HTML] Mit klick auf Button mehrere anzeigen?

Wie kann ich mit dem klick auf einen Button mehrere andere Button anzeigen lassen?

Also so eine Art "Mehr Anzeigen"

...zum Beitrag

Ein "Create"-Button, der eine neue Seite erstellt über php?

Grob gesagt, habe ich vor einen "Create"-Button zu erstellen, der, wenn man auf ihn klickt, eine neue HTML-Seite erstellt, diese HTML-Seite, soll dann ein vorgefertigtes Design haben und soll eine bestimmte CODE haben, denn man wiederum irgendwo eingeben könnte. Als Beispiel könnte man "Discord" nehmen, mit dem Create und Join Buttons.

...zum Beitrag

CSS Button und collapsible nebeneinander bekommen?

Hey, wie bekommt man den Button und das collapsible nebeneinander ?

Hier der HTML Code:

<div class="fach" id ="${nameDesFachs}"> <button type="button" class="collapsible">${nameDesFachs}</button><div class="content hidden"></div></div>

...zum Beitrag

HTML CSS Round Buttons?

Guten Tag,

Wie würdet ihr diese Buttons designen?

Ich bin noch neu in der webentwicklung

Hier mein html code:

Danke im voraus.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen