Di browser apa? (Tidak ada "standar" yang ditentukan.)
John Parker
6
Pertanyaannya dapat diartikan sebagai menghubungkan praktik browser yang sebenarnya dan rekomendasi. Apalagi sekarang bahwa HTML5 akan membakukan warna (seperti "rendering yang diharapkan"), pertanyaannya adalah pada topik dan harus dibuka kembali. Perhatikan bahwa jawaban dengan suara terbanyak tidak sesuai dengan praktik saat ini dan HTML5 CR.
Jukka K. Korpela
1
@Jukka K. Korpela - Perhatikan juga bahwa "jawaban dengan suara terbanyak" adalah target yang bergerak. Berniat baik, tetapi silakan merujuk ke jawaban spesifik.
Nicolas
Jawaban:
205
Pada HTML5, warna hyperlink latar depan, antara lain, berada di jalur untuk standardisasi dalam bentuk pedoman untuk perilaku rendering default yang diharapkan . Secara khusus, diambil dari bagian konten Frasa , warna default yang disarankan untuk hyperlink yang belum dikunjungi dan dikunjungi adalah sebagai berikut:
:link {color:#0000EE;}:visited {color:#551A8B;}
Perhatikan bahwa tidak ada default yang disarankan untuk hyperlink aktif ( :link:active, :visited:active).
Anda dapat menggunakan warna default ini dan cukup mengharapkan mereka untuk bekerja. Namun perlu diingat bahwa peramban bebas untuk mengabaikan salah satu atau semua pedoman ini, karena tidak pernah diperlukan untuk mengikuti mereka. Namun demikian, direkomendasikan untuk pengalaman pengguna yang konsisten di seluruh browser (yang adalah bagaimana "diharapkan" didefinisikan dalam konteks ini), sehingga kemungkinan warna ini akan sesuai dengan default untuk sebagian besar browser. Paling buruk, mereka masih berfungsi sebagai perkiraan wajar dari nilai aktual.
Secara khusus, warna tautan default yang belum dikunjungi dan dikunjungi di versi terbaru Firefox dan Chrome konsisten dengan pedoman di atas, tetapi versi terbaru IE melaporkan nilai yang berbeda: tautan yang belum dikunjungi adalah rgb(0, 102, 204), atau #0066CC, dan tautan yang dikunjungi adalah rgb(128, 0, 128), atau #800080. Versi Firefox yang lebih lama (dan mungkin Safari / Chrome) juga memiliki standar yang berbeda. Namun, itu adalah versi yang lebih lama; outlier utama hari ini yang saya tahu adalah IE. Belum ada kabar apakah ini akan berubah di Project Spartan - saat ini masih mencerminkan nilai yang sama dengan versi terbaru IE.
Jika Anda mencari skema warna standar yang digunakan oleh semua browser daripada disarankan oleh HTML5, maka tidak ada satu. Tidak ada cara untuk kembali ke nilai default browser untuk properti tertentu pada elemen tertentu menggunakan CSS murni. Anda harus menggunakan warna yang disarankan oleh HTML5, atau menyusun skema warna Anda sendiri dan menggunakannya. Salah satu dari opsi ini akan diutamakan di atas default browser, terlepas dari browser.
Jika ragu, Anda selalu dapat menggunakan about:blankteknik yang saya jelaskan sebelumnya untuk mengendus warna default, karena tetap berlaku hari ini. Anda dapat menggunakan ini untuk mengendus warna tautan aktif di semua browser, misalnya; di versi terbaru Firefox (29 saat pembaruan ini), itu rgb(238, 0, 0), atau #EE0000.
Terima kasih, tetapi adakah kode rata-rata untuk mozilla, safari, ie, chrome? bukan hanya default "biru"? Saya perlu semua gaya tautan (dikunjungi, melayang) ditata standar ..
Bill
91
tautan standar - # 0000FF // biru
tautan yang dikunjungi - # 800080 // ungu
tautan aktif - # FF0000 // merah
itu standar tetapi sangat berbeda per browser sekarang. (Sejak Nielsen menyerah;)
Saya tidak yakin mengapa 66 orang hanya mengambil kata jawaban ini untuk itu. Sekalipun nilai-nilai itu memang berasal dari suatu standar, yang untuk itu jawaban ini tidak menyediakan sumber apa pun, standar itu akan tetap usang seperti yang disiratkan oleh jawaban ini, dan menggunakannya dalam kode baru tidak akan berarti.
BoltClock
@stom: Sepertinya itu seharusnya jawaban yang terpisah. Sekalipun Anda bermaksud menjadikannya sumber tautan, itu bukan sumber yang valid karena tidak satu pun dari ketiga nilai di sini yang muncul di sana.
BoltClock
16
Warna default di Gecko, dengan asumsi pengguna belum mengubah preferensi mereka, adalah:
Gecko juga memberikan nama untuk warna pengguna; mereka -moz-hyperlinktext-moz-visitedhyperlinktextdan -moz-activehyperlinktextdan mereka juga menyediakan -moz-nativehyperlinktextyang merupakan warna tautan sistem.
Menurut lembar gaya HTML default resmi , tidak ada warna tautan default yang ditentukan. Namun, Anda dapat mengetahui default yang digunakan browser Anda dengan mengambil tangkapan layar dan menggunakan alat pipet dalam editor grafis yang layak atau menggunakan alat pengembang browser Anda (pilih aelemen, cari computed values>color).
Bagi saya, di Chrome (diperbarui Juni 2018) warna untuk tautan yang belum dikunjungi adalah # 2779F6. Anda selalu dapat memperoleh ini dengan memperbesar dengan sangat dekat, mengambil tangkapan layar, dan mengunjungi situs web seperti html-color-codes.info yang akan mengubah tangkapan layar menjadi kode warna.
Masalahnya adalah bahwa terkadang gaya berasal dari perpustakaan. Kami baru saja memperhatikan bahwa stylesheet default jQuery UI berisi .ui-widget-content a { color: black; }, sehingga semua tautan di tab kehilangan pewarnaan normalnya. Saya ingin menimpanya dan hanya mendapatkan warna default browser (atau stylesheet pribadi pengguna), tetapi saya harus mengubah kode warna tertentu.
Barmar
2
Saat lain ketika Anda mungkin ingin mengetahui nilai-nilai RGB adalah jika Anda ingin menyertakan grafik yang cocok dengan warna tautan
marcelnijman
0
Di CSS Anda dapat menggunakan string warna currentColordi dalam tautan untuk mis membuat batas warna yang sama dengan warna tautan default Anda:
Jawaban:
Pada HTML5, warna hyperlink latar depan, antara lain, berada di jalur untuk standardisasi dalam bentuk pedoman untuk perilaku rendering default yang diharapkan . Secara khusus, diambil dari bagian konten Frasa , warna default yang disarankan untuk hyperlink yang belum dikunjungi dan dikunjungi adalah sebagai berikut:
Perhatikan bahwa tidak ada default yang disarankan untuk hyperlink aktif (
:link:active, :visited:active
).Anda dapat menggunakan warna default ini dan cukup mengharapkan mereka untuk bekerja. Namun perlu diingat bahwa peramban bebas untuk mengabaikan salah satu atau semua pedoman ini, karena tidak pernah diperlukan untuk mengikuti mereka. Namun demikian, direkomendasikan untuk pengalaman pengguna yang konsisten di seluruh browser (yang adalah bagaimana "diharapkan" didefinisikan dalam konteks ini), sehingga kemungkinan warna ini akan sesuai dengan default untuk sebagian besar browser. Paling buruk, mereka masih berfungsi sebagai perkiraan wajar dari nilai aktual.
Secara khusus, warna tautan default yang belum dikunjungi dan dikunjungi di versi terbaru Firefox dan Chrome konsisten dengan pedoman di atas, tetapi versi terbaru IE melaporkan nilai yang berbeda: tautan yang belum dikunjungi adalah
rgb(0, 102, 204)
, atau#0066CC
, dan tautan yang dikunjungi adalahrgb(128, 0, 128)
, atau#800080
. Versi Firefox yang lebih lama (dan mungkin Safari / Chrome) juga memiliki standar yang berbeda. Namun, itu adalah versi yang lebih lama; outlier utama hari ini yang saya tahu adalah IE. Belum ada kabar apakah ini akan berubah di Project Spartan - saat ini masih mencerminkan nilai yang sama dengan versi terbaru IE.Jika Anda mencari skema warna standar yang digunakan oleh semua browser daripada disarankan oleh HTML5, maka tidak ada satu. Tidak ada cara untuk kembali ke nilai default browser untuk properti tertentu pada elemen tertentu menggunakan CSS murni. Anda harus menggunakan warna yang disarankan oleh HTML5, atau menyusun skema warna Anda sendiri dan menggunakannya. Salah satu dari opsi ini akan diutamakan di atas default browser, terlepas dari browser.
Jika ragu, Anda selalu dapat menggunakan
about:blank
teknik yang saya jelaskan sebelumnya untuk mengendus warna default, karena tetap berlaku hari ini. Anda dapat menggunakan ini untuk mengendus warna tautan aktif di semua browser, misalnya; di versi terbaru Firefox (29 saat pembaruan ini), iturgb(238, 0, 0)
, atau#EE0000
.sumber
itu standar tetapi sangat berbeda per browser sekarang. (Sejak Nielsen menyerah;)
sumber
Warna default di Gecko, dengan asumsi pengguna belum mengubah preferensi mereka, adalah:
#0000EE
(biru)#551A8B
(ungu)#EE0000
(merah)Sumber
Gecko juga memberikan nama untuk warna pengguna; mereka
-moz-hyperlinktext
-moz-visitedhyperlinktext
dan-moz-activehyperlinktext
dan mereka juga menyediakan-moz-nativehyperlinktext
yang merupakan warna tautan sistem.sumber
Menurut lembar gaya HTML default resmi , tidak ada warna tautan default yang ditentukan. Namun, Anda dapat mengetahui default yang digunakan browser Anda dengan mengambil tangkapan layar dan menggunakan alat pipet dalam editor grafis yang layak atau menggunakan alat pengembang browser Anda (pilih
a
elemen, caricomputed values>color
).sumber
Saya terbiasa dengan warna Chrome sehingga warna biru pada tautan Chrome adalah
#007bff
sumber
Seluruhnya tergantung pada situs web yang Anda kunjungi, dan karena tidak ada timpa pada situs web, pada browser. Tidak ada standar untuk itu.
sumber
Bagi saya, di Chrome (diperbarui Juni 2018) warna untuk tautan yang belum dikunjungi adalah # 2779F6. Anda selalu dapat memperoleh ini dengan memperbesar dengan sangat dekat, mengambil tangkapan layar, dan mengunjungi situs web seperti html-color-codes.info yang akan mengubah tangkapan layar menjadi kode warna.
sumber
Cara terbaik untuk mendapatkan style default browser pada sesuatu adalah dengan tidak menata elemen sama sekali.
sumber
.ui-widget-content a { color: black; }
, sehingga semua tautan di tab kehilangan pewarnaan normalnya. Saya ingin menimpanya dan hanya mendapatkan warna default browser (atau stylesheet pribadi pengguna), tetapi saya harus mengubah kode warna tertentu.Di CSS Anda dapat menggunakan string warna
currentColor
di dalam tautan untuk mis membuat batas warna yang sama dengan warna tautan default Anda:sumber
Kode warna html default seperti ini:
sumber