Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML] Button z przezroczystym tłem
DonPolaczek
post
Post #1





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 19.01.2015

Ostrzeżenie: (0%)
-----


Witam, zacznę od tego że chciałbym aby mój przycisk miał całkiem przezroczyste tło z jakiegoś koloru obramowaniem.
Przepraszam za pomyłkę w temacie chodzi o pole tekstowe z przezroczystym tłem.
No i definiuję w html taki prosty kod:
  1. <div class="wycena-adres-witryny"><input type="text" value="Wpisz adres swojej strony lub wpisz ?brak strony?" style="background-color:transparent;"/></div>

Następnie dodaje do klasy css zaokrąglenie w taki o to sposób:
  1. .wycena-adres-witryny {
  2. border-radius: 50px;
  3. -moz-border-radius: 50px;
  4. -webkit-border-radius: 50px;
  5. border: 3px solid #800000;
  6. }

Niestety brak pożądanego rezultatu jakieś sugestie?

Ten post edytował DonPolaczek 24.02.2015, 00:07:43
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
jaca121212
post
Post #2





Grupa: Zarejestrowani
Postów: 256
Pomógł: 16
Dołączył: 21.12.2014

Ostrzeżenie: (0%)
-----


nie wem czy ci o taki efekt chodziło ale sprawdź to <div class="wycena-adres-witryny"><input type="text" id="input" value="Wpisz adres swojej strony lub wpisz ?brak strony?" /></div>
<style>
.wycena-adres-witryny {
width:100%;
height:30px;
margin:5px;
padding:0px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border: 3px solid #800000;
}
.wycena-adres-witryny input{
color:red;
width:90%;
height:30px;
margin-left:20px;
margin-top:0px;
margin-right:20px;
margin-bottom:0px;
padding:0px;
border:2px solid gray;
background-color: rgba(195, 87, 242, 0.2);
}

</style>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 7.10.2025 - 19:30