Transparent buttons

is there a way i can make my buttons and inputs in my forms transparent . I have forgotten how to do so.

maybe the opacity css property? https://www.w3schools.com/css/css_image_transparency.asp

2 Likes

I think the property you are looking for is background color: transparent; added to the elements you are trying to make transparent. I have written a sample code below and made the whole body a black background to illustrate how transparent input and buttons will look

<.html>
<.head>
<.style>
body{background-color: black; color: white;}
input, button{background-color: transparent; color: white;}
<./style>
<./head>
<.body>

<.form>
Name<.input type=“text”><.br>
<.button>send<./button>
<./form>

<./body>
<./html>

1 Like

using background: rgba() or opacity

1 Like

Let me try it out and see if it works

you will have to remove all the . i put infront of the tags eg <.html>

i only put them there so it will be visible and not translated as a page by freecodecamp’s editor.

:wink:

thanks for this usefull content

guess what guys, i figured it out.
in the css, youll subject the class for the inputs with border:none; and outline:none;
check out this pen to get the jist of what i was talking about:
https://codepen.io/tifftawarar254/pen/YMZbwb