button link

[Tachu]

Hallo,

der folgende Selektor:

.subscribe-button:active {
opacity: 0.5;
href="https://google.com" target="_blank"
}

verändert zwar die opacity Eigenschaft aber der link kann so natürlich nicht geöffnet werden. Ist es möglich, dass der code so abgeändert werden kann, dass mit dem button-click der active Selektor den link in einer neuen Seite öffnet?

Tachu

<style>
.subscribe-button {
background-color: rgb(200, 0, 0);
color: white;
border: none;
height: 36px;
width: 105px;
border-radius: 2px;
cursor: pointer;
margin-right: 8px;
transition: opacity 0.15s;
}

.subscribe-button:hover {
opacity: 0.8;

}

.subscribe-button:active {
opacity: 0.5;
href="https://google.com" target="_blank"
}
}
</style>

<button class="subscribe-button">
SUBSCRIBE
</button>

 

[scatello]

Warum willst du den Link unbedingt im CSS angeben und nicht im HTML-Code, wo er hingehört?

 

[tk1234]

der folgende Selektor: […] verändert zwar die opacity Eigenschaft aber der link kann so natürlich nicht geöffnet werden.

Natürlich nicht: zum einen hast du überhaupt keinen Link und zum anderen kann man über CSS die href- und target-Attribute von Links nicht setzen - mit Phantasiesyntax schon sowieso nicht.

Ist es möglich, dass der code so abgeändert werden kann, dass mit dem button-click der active Selektor den link in einer neuen Seite öffnet?

Nein. Was hast du eigentlich wirklich vor?

 

[Tachu]

@ scatello @tk1234
Ich will den link nicht unbedingt im CSS angeben. Ich suche einfach nach einem Weg, einen CSS button so zu programmieren daß mit einem Klick eine neue Seite geöffnet wird.

 

[scatello]

Siehe z.B. https://www.w3schools.com/tags/att_button_formaction.asp

 

[Tachu]

@scatello
Vielen Dank scatello für den Hinweis auf das formaction Attribut. Aufgrund von Deinem Tip, daß der link nicht ins CSS gehört, konnte ich eine weitere Lösung finden: <button onclick="window.open('10e1.html', '_blank')">

Tachu