Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]input[type="submit"]
korgan
post 2.08.2015, 18:07:46
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 11.07.2015

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


Jest możliwe żeby w input[type="submit"] wrzucić obrazek pgn żeby zachował przycisk swój gradient
background-image:url("nazwa.png") stosuje lecz zmienia mi się kolor tła .
Go to the top of the page
+Quote Post
Salur
post 2.08.2015, 18:10:30
Post #2





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 28.12.2014

Ostrzeżenie: (20%)
X----


Nierozumiem Cię, chcesz zmienić wygląd buttona na swój graficzny?
Go to the top of the page
+Quote Post
korgan
post 2.08.2015, 18:13:11
Post #3





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 11.07.2015

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


Cytat(Salur @ 2.08.2015, 19:10:30 ) *
Nierozumiem Cię, chcesz zmienić wygląd buttona na swój graficzny?


Tak chce w standardowy wrzucić tylko png.
wrzucam ale mi się zmienia tło standardowego.
Go to the top of the page
+Quote Post
Salur
post 2.08.2015, 18:18:25
Post #4





Grupa: Zarejestrowani
Postów: 179
Pomógł: 0
Dołączył: 28.12.2014

Ostrzeżenie: (20%)
X----


Sprawdz i napisz czy o to chodzi.
  1. input[type="submit"]{
  2. width: 100px;
  3. height: 100px;
  4. background: url('img/input.png') no-repeat;
  5. border: none;
  6. }


Ten post edytował Salur 2.08.2015, 18:18:38
Go to the top of the page
+Quote Post
korgan
post 3.08.2015, 17:03:34
Post #5





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 11.07.2015

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


Robię tak samo ale zmienia się tło imputa a ja nie chce żeby się zmieniał mam png gdzie wszystko jest przezroczyste oprócz znaczka.
Go to the top of the page
+Quote Post
Comandeer
post 3.08.2015, 17:23:12
Post #6





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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


http://jsfiddle.net/Comandeer/hhkqcs8q/ → więcej możliwości stylowania IMO daje button::before, dzięki czemu da się zrobić z obrazkiem de facto wszystko


--------------------
Go to the top of the page
+Quote Post
DanielG44K
post 3.08.2015, 18:00:40
Post #7





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 4.11.2011

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


Koledze chyba chodzi o coś takiego.

  1. 1.input[type="submit"]{
  2. background: #000 url('img/input.png') no-repeat;
  3. }


Oczywiście w miejsce "#000" dajesz kolor który chcesz aby wyświetlał się pod Twoim obrazkiem. Czyli musisz wiedzieć jaki kolor ma tło inputa domyślnie a następnie podmienić.

Ten post edytował DanielG44K 3.08.2015, 18:01:02
Go to the top of the page
+Quote Post
Comandeer
post 3.08.2015, 18:13:06
Post #8





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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


@DanielG44K w teorii ten kolor to ButtonFace, ale przycisk, któremu ruszy się tło i tak wygląda inaczej niż domyślny: http://jsfiddle.net/Comandeer/ynj0wLuv/


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 4.05.2025 - 05:47