[Ask] menghilangkan css/style pada tag/element tertentu

[darkslayer]

salam dc

maaf agak culun nanya nya

misalnya ini script saya (saya sederhanakan)

PHP Code:

<style>input[type=text]{font-size:18px;-webkit-border-radius:6px}</style>
<!--ini ikut style-->
<input type=text name=text1 value=blabla>
<!--ini harusnya tidak ikut style-->
<input type=text name=text2 value=lalala> 


karena dulu awalnya ane yakin bahwa semua input yang ada dalam web ane akan seperti itu (style), maka ane pun membuat style input seperti diatas.
akan tetapi ternyata ada permasalahan di sini , yaitu saya ingin mengembalikan style input seperti biasa/default dikarenakan kurang match dengan tampilan pada suatu halaman.

lalu saya pun mengembalikannya ke default dengan cara membalikkan nilai nya seperti di bawah

PHP Code:

<style>input[type=text]{font-size:18px;-webkit-border-radius:6px}
input[type=text].basic{font-size:12px;-webkit-border-radius:0px}
</style>
<!--ini ikut style-->
<input type=text name=text1 value=blabla>
<!--ini harusnya tidak ikut style-->
<input type=text name=text2 class="basic" value=lalala> 


pertanyaan:
adakah cara lain selain seperti di atas? krn jika harus mengembalikkan banyak style ,lumayan juga ribet nya

terima kasih atas bantuanya.

[wenkhairu]

pake teknik media query

Code:

http://css-tricks.com/css-media-queries/
http://www.w3.org/TR/css3-mediaqueries/
http://www.css3.info/preview/media-queries/

[darkslayer]

(03-08-2012 03:39 PM)wenkhairu Wrote:  pake teknik media query

Code:

http://css-tricks.com/css-media-queries/
http://www.w3.org/TR/css3-mediaqueries/
http://www.css3.info/preview/media-queries/

thanx kang , sangat membantu

:solved

[Cruz3N]

Maksudnya ngerubah style karena untuk setiap device yang beda? Klo itu bisa pake media query...
Sebenernya ane kurang nyambung jg ama pertanyaannya tapi kira2 gini...

Jadi di page pertama ente buat design form warna merah, nah ente mau buat page kedua design form lagi cman mau warna yang beda... Kira2 gitu yah?

Ya mending di setiap setiap form dikasih ID atau CLASS sendiri2 aja, jadi diawal ente siapin dulu style DEFAULT kemudian dengan patokan dari form ID / CLASS dibuat style sendiri2...

Code:

<form id="design1" action="#" method="post">
<input type="text" class="text medium" name="txtname">
</form>

Code:

<form id="design2" action="#" method="post">
<input type="text" class="text medium" name="txtname">
</form>

Nanti ditargetin jadi kayak gini

Code:

form#design2 input[type=text] {font-size:18px;-webkit-border-radius:6px}
form#design2 input[type=text] {font-size:12px;-webkit-border-radius:0px}

Ehm baca2 jg disini Bro...

Code:

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Maaf klo gak nyambung dengan pertanyaan ente

[darkslayer]

Cruzen: iya ane lum bc kmrn, pas bc kok ane kgk nyambung.

Jd gini gan, ane kan kmrn cb edit template. Nah d template itu semua input text dijadiin satu css nya.
Nah ad salah satu halaman yg g match klo ane pk css dia.
Truz ane kasih aja class buat balikin ke semula.

Ane bikin thread ini mo nanya, kali aja cara ane kgk efektif.
Btw, thx y bro