Menu
Community /Pin to ProfileBookmark
@cootheadFeb 16.2019 — #Hi there me1986,
and a warm welcome to these forums. ?
You styled the parent element but not the child. ?
Play around with this code...
_coothead_
How come my buttons don’t show as I would expect?
I’m trying to style a button in HTML/CSS but it seems that only the background will style. The button itself will only remain in the default setting. Does anyone know what I’ve done wrong?
Sign in
to post a comment3 Comments(s) ↴
0
@cootheadFeb 16.2019 — #Hi there me1986,and a warm welcome to these forums. ?
You styled the parent element but not the child. ?
Play around with this code...
``<i>
</i><!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<title>untitled document</title>
<!--<link rel="stylesheet" href="screen.css" media="screen">-->
<style media="screen">
body {
background-color: #444;
font: 100% / 162% BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif;
color: #e8ddc9;
}
.buttonHolder {
padding: 1em;
border: 0.2em solid #4caf50;
background-color: #fff;
text-align: center;
}
.buttonHolder button {
display: inline-block;
padding: 1em 2em;
border: 0;
background-color: #4caf50;
font-size: 1em;
color: #fff;
}
</style>
</head>
<body>
<h1>Hello</h1>
<div class="buttonHolder">
<button>Next</button>
</div>
</body>
</html><i>
</i>``_coothead_