hyper link but with no <a>

Question

so i made hoverable Burton in css and It worked BUT when i put It on my site the text on Burton Is diffrent i set to normal test Is Black but After pointing mouse on Button color Is Black and text White. After i put It on website animation works but text Is Blue (like you Just made normal<a></a> how to repair It please help me)

Answer 1

i dont think we can come up with a fix without looking at the code. Would you?

Answer 2

Arturop HTML: <div id="ok">
<a href="https://ogurek.pl">
<b id="potezne">potezne cos</b>
</a>
</div>

Answer 3

Arturop css: #potezne {
background-color:#4CAF50;
border: none;
color:black;
padding:15px 32px;
text-align:center;
text-decoration:none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration:1s;

}

#potezne {border-radius:8px;}

#potezne:hover {
border: none;
background-color: black;
padding:15px 32px;
margin:4px 2px;
display: inline-block;
color:white;
}

Answer 4

Try applying the color to the anchor element as well

Answer 5

And check for any syntax error before the #potezne

Answer 6

the button works perfectly.

who knows perhaps you are using the same id for other elements and has its own styles already defined, a problem with specificity and the cascade.

Answer 7

In your webpage CSS, your user agent style is using webkit. So your anchor tag is styled like this.

a:-webkit-any-link {
color: -webkit-link;
cursor: pointer;
text-decoration: underline;
}

You may override the styles with !important
Example:

a {
color: black !important;

}

Answer 8

Element.onclick=function(){
Window.target.href=path;
}

Answer 9

password = int(input())
repeat = int(input())

def validate(text1, text2):
if text1==text2:
print("Correct")
else:
print("Wrong")
validate(password, repeat)