สีลิงค์ HTML / CSS เริ่มต้นคืออะไร

161

#FFFFFFฉันต้องการเป็นตัวแทนรหัสเช่น

html css

4

เบราว์เซอร์ใด (ไม่มีการกำหนด "มาตรฐาน" ไว้)

— John Parker

6

คำถามสามารถตีความได้ว่าเกี่ยวข้องกับทั้งการปฏิบัติจริงของเบราว์เซอร์และการแนะนำ โดยเฉพาะอย่างยิ่งตอนนี้ HTML5 กำลังจะสร้างสีให้ได้มาตรฐาน (เช่น“ การเรนเดอร์ที่คาดหวัง”) คำถามนั้นเป็นหัวข้อและควรจะเปิดใหม่ โปรดทราบว่าคำตอบที่มีคะแนนโหวตส่วนใหญ่ไม่สอดคล้องกับแนวปฏิบัติในปัจจุบันและ HTML5 CR

— Jukka K. Korpela

1

@Jukka K. Korpela - โปรดทราบด้วยว่า "คำตอบที่ได้คะแนนมากที่สุด" นั้นเป็นเป้าหมายที่เคลื่อนไหว เจตนาดี แต่โปรดอ้างอิงคำตอบเฉพาะ

— Nicolas

205

ในฐานะของ HTML5 สีเบื้องหน้าของเชื่อมโยงหลายมิติเหนือสิ่งอื่นใดอยู่ในการติดตามสำหรับมาตรฐานในรูปแบบของแนวทางสำหรับพฤติกรรมการแสดงผลเริ่มต้นคาดว่า โดยเฉพาะอย่างยิ่งจากเนื้อหาการวลีส่วนสีเริ่มต้นที่แนะนำสำหรับไฮเปอร์ลิงก์ที่ไม่ได้รับการเยี่ยมชมและการเยี่ยมชมมีดังต่อไปนี้:

:link { color: #0000EE; }
:visited { color: #551A8B; }

โปรดสังเกตว่าไม่มีค่าเริ่มต้นที่แนะนำสำหรับการเชื่อมโยงหลายมิติที่ใช้งาน ( :link:active, :visited:active)

คุณสามารถใช้สีเริ่มต้นเหล่านี้และพอสมควรคาดว่าพวกเขาในการทำงาน แต่โปรดจำไว้ว่าเบราว์เซอร์มีอิสระที่จะเพิกเฉยต่อคำแนะนำเหล่านี้หรือทั้งหมดเนื่องจากไม่จำเป็นต้องปฏิบัติตาม อย่างไรก็ตามเป็นคำแนะนำสำหรับประสบการณ์ผู้ใช้ที่สอดคล้องกันในเบราว์เซอร์ (ซึ่งเป็นวิธีที่ "คาดหวัง" ถูกกำหนดในบริบทนี้) ดังนั้นโอกาสที่สีเหล่านี้จะสอดคล้องกับค่าเริ่มต้นสำหรับเบราว์เซอร์ส่วนใหญ่ ที่เลวร้ายที่สุดพวกเขายังคงทำหน้าที่เป็นค่าประมาณที่เหมาะสมของค่าจริง

โดยเฉพาะอย่างยิ่งเริ่มต้น unvisited สีและเยี่ยมชมการเชื่อมโยงในรุ่นล่าสุดของ Firefox และ Chrome มีความสอดคล้องกับแนวทางข้างต้น แต่รุ่นล่าสุดของ IE รายงานค่าที่แตกต่างกัน: การเชื่อมโยง unvisited มีrgb(0, 102, 204)หรือ#0066CCและการเชื่อมโยงเข้าเยี่ยมชมเป็นหรือrgb(128, 0, 128) #800080Firefox รุ่นเก่า (และอาจเป็น Safari / Chrome) มีค่าเริ่มต้นที่แตกต่างกันเช่นกัน อย่างไรก็ตามเป็นรุ่นเก่ากว่า หลักในวันนี้ที่ฉันรู้คือ IE ยังไม่มีคำว่าจะมีการเปลี่ยนแปลงใน Project Spartan หรือไม่ในขณะนี้ยังคงแสดงค่าเดียวกันกับ IE เวอร์ชันล่าสุด

หากคุณกำลังมองหาชุดรูปแบบสีที่เป็นมาตรฐานที่ใช้โดยเบราว์เซอร์ทั้งหมดแทนที่จะแนะนำโดย HTML5 แสดงว่าไม่มีรูปแบบดังกล่าว ไม่มีวิธีใดที่จะเปลี่ยนกลับเป็นค่าเริ่มต้นของเบราว์เซอร์สำหรับคุณสมบัติเฉพาะในองค์ประกอบเฉพาะโดยใช้ CSS บริสุทธิ์ คุณจะต้องใช้สีที่แนะนำโดย HTML5 หรือกำหนดรูปแบบสีของคุณเองและใช้สีนั้นแทน ตัวเลือกเหล่านี้จะมีความสำคัญเหนือกว่าค่าเริ่มต้นของเบราว์เซอร์โดยไม่คำนึงถึงเบราว์เซอร์

หากมีข้อสงสัยคุณสามารถใช้about:blankเทคนิคที่ฉันอธิบายมาก่อนเพื่อดมกลิ่นสีเริ่มต้นได้ คุณสามารถใช้สิ่งนี้เพื่อดมสีลิงค์ที่ใช้งานอยู่ในเบราว์เซอร์ทั้งหมดเช่น ใน Firefox รุ่นล่าสุด (29 เป็นของการปรับปรุงนี้) ก็หรือrgb(238, 0, 0)#EE0000

— BoltClock
แหล่งที่มา

ขอบคุณ แต่มีรหัสโดยเฉลี่ยสำหรับโมซิลล่าซาฟารีคือโครเมี่ยมหรือไม่ ไม่เพียงแค่เริ่มต้น "สีฟ้า"? ฉันจำเป็นต้องเชื่อมโยงทุกรูปแบบ (เข้าชมวนเวียนอยู่) ให้เป็นค่าเริ่มต้นสไตล์ ..

— บิล

91

ลิงค์มาตรฐาน - # 0000FF // สีน้ำเงิน
เยี่ยมชมลิงค์ - # 800080 // สีม่วง
ลิงก์ที่ใช้งาน - # FF0000 // red

นั่นเป็นมาตรฐาน แต่แตกต่างกันอย่างมากต่อเบราว์เซอร์ในขณะนี้ (ตั้งแต่ Nielsen ยอมแพ้;)

— Caspar Kleijne
แหล่งที่มา

13

ฉันไม่แน่ใจว่าทำไมคน 66 คนจึงใช้คำตอบนี้ แม้ว่าค่าที่ได้มาจากมาตรฐานซึ่งคำตอบนี้ไม่ให้แหล่งที่มาใด ๆ มาตรฐานนั้นจะล้าสมัยไปนานแล้วตามที่คำตอบนี้บอกเป็นนัยและการใช้ในรหัสใหม่จะไม่มีความหมาย

— BoltClock

@stom: ดูเหมือนว่าควรเป็นคำตอบแยกต่างหาก แม้ว่าคุณจะต้องการให้มันเป็นลิงก์แหล่งข้อมูล แต่ก็ไม่ใช่แหล่งข้อมูลที่ถูกต้องเนื่องจากไม่มีค่าสามค่าที่ปรากฏที่นี่

— BoltClock

16

สีเริ่มต้นใน Gecko สมมติว่าผู้ใช้ไม่ได้เปลี่ยนการตั้งค่าของพวกเขาคือ:

ลิงค์มาตรฐาน: #0000EE(สีน้ำเงิน)
ลิงก์ที่เข้าชม: #551A8B(สีม่วง)
ลิงค์ที่ใช้งาน: #EE0000(สีแดง)

แหล่ง

ตุ๊กแกยังให้ชื่อสำหรับสีของผู้ใช้; พวกเขาเป็น-moz-hyperlinktext -moz-visitedhyperlinktextและ-moz-activehyperlinktextพวกเขายังให้-moz-nativehyperlinktextซึ่งเป็นสีเชื่อมโยงระบบ

— นีล
แหล่งที่มา

4

ตามสไตล์ชีท HTML เริ่มต้นอย่างเป็นทางการไม่มีสีลิงค์เริ่มต้นที่กำหนดไว้ อย่างไรก็ตามคุณสามารถค้นหาค่าเริ่มต้นที่เบราว์เซอร์ของคุณใช้โดยการจับภาพหน้าจอและใช้เครื่องมือปิเปตในตัวแก้ไขกราฟิกที่ดีหรือใช้เครื่องมือนักพัฒนาของเบราว์เซอร์ของคุณ (เลือกaองค์ประกอบค้นหาcomputed values>color)

— phihag
แหล่งที่มา

3

ฉันคุ้นเคยกับสีของ Chrome ดังนั้นสีฟ้าใน Chrome สำหรับลิงก์จึงเป็น #007bff

— Grandia
แหล่งที่มา

1

ทั้งหมดขึ้นอยู่กับเว็บไซต์ที่คุณกำลังเยี่ยมชมและไม่มีการเขียนทับบนเว็บไซต์บนเบราว์เซอร์ ไม่มีมาตรฐานสำหรับเรื่องนั้น

— Femaref
แหล่งที่มา

1

สำหรับฉันใน Chrome (อัปเดตมิถุนายน 2561) สีสำหรับลิงค์ที่ไม่ได้เข้าชมคือ # 2779F6 คุณสามารถรับสิ่งนี้ได้โดยการซูมเข้าใกล้ถ่ายภาพหน้าจอและเยี่ยมชมเว็บไซต์เช่น html-color-codes.info ที่จะแปลงภาพหน้าจอเป็นรหัสสี

— รัสเซลเปกาละ
แหล่งที่มา

0

วิธีที่ดีที่สุดในการรับสไตล์เริ่มต้นของเบราว์เซอร์ในบางสิ่งคือการไม่จัดวางองค์ประกอบในตอนแรก

— jeffszusz
แหล่งที่มา

3

ปัญหาคือบางครั้งการจัดแต่งทรงผมมาจากห้องสมุด เราเพิ่งสังเกตเห็นว่าสไตล์ชีทเริ่มต้นของ jQuery UI มี.ui-widget-content a { color: black; }ดังนั้นลิงก์ใด ๆ ในแท็บจะสูญเสียการระบายสีตามปกติ ฉันต้องการลบล้างและเพิ่งได้สีเริ่มต้นของเบราว์เซอร์ (หรือสไตล์ชีทส่วนตัวของผู้ใช้) แต่ฉันจะต้องใช้รหัสสีเฉพาะเจาะจงแทน

— Barmar

2

อีกช่วงเวลาหนึ่งที่คุณอาจต้องการทราบค่า RGB คือถ้าคุณต้องการรวมกราฟิกที่ตรงกับสีของลิงก์

— marcelnijman

0

ใน CSS คุณสามารถใช้สตริงสีcurrentColorในลิงก์เพื่อทำให้ขอบเป็นสีเดียวกับสีลิงค์เริ่มต้นของคุณ:

.example {
    border: 1px solid currentColor;
}

— โดมินิก
แหล่งที่มา

0

รหัสสี html เริ่มต้นเช่นนี้:

Red      #FF0000  rgb(255, 0, 0)
Maroon   #800000  rgb(128, 0, 0)
Yellow   #FFFF00  rgb(255, 255, 0)
Olive    #808000  rgb(128, 128, 0)
Blue     #0000FF  rgb(0, 0, 255)
Navy     #000080  rgb(0, 0, 128)
Fuchsia  #FF00FF  rgb(255, 0, 255)
Purple   #800080  rgb(128, 0, 128)

— ร. Kumar
แหล่งที่มา