คำถามติดแท็ก css

เป็นไปได้หรือไม่ที่จะใช้สไตล์ css (3) กับป้ายกำกับของปุ่มตัวเลือกที่เลือก? ฉันมีมาร์กอัปต่อไปนี้: <input type="radio" id="rad" name="radio"/> <label for="rad">A Label</label> สิ่งที่ฉันหวังคือ label:checked { font-weight: bold; } จะทำอะไรบางอย่าง แต่ก็ไม่ใช่ (อย่างที่ฉันคาดไว้) มีตัวเลือกที่สามารถใช้ฟังก์ชันนี้ได้หรือไม่? คุณอาจล้อมรอบด้วย divs ฯลฯ หากมีสิ่งใดช่วยได้ แต่ทางออกที่ดีที่สุดคือโซลูชันที่ใช้ป้ายกำกับ '' for '' ควรสังเกตว่าฉันสามารถระบุเบราว์เซอร์สำหรับแอปพลิเคชันของฉันดังนั้นโปรดใช้คลาส css3 และอื่น ๆ

221 forms  css 

หากฉันมี div ต่อไปนี้: <div class="sectionA" id="content"> Lorem Ipsum... </div> มีวิธีกำหนดสไตล์ที่แสดงออกถึงความคิด "A div with id='content'AND class='myClass'" หรือไม่? หรือว่าคุณจะไปทางเดียวหรืออื่น ๆ เช่นเดียวกับใน <div class="content-sectionA"> Lorem Ipsum... </div> หรือ <div id="content-sectionA"> Lorem Ipsum... </div>

221 css  css-selectors 

ฉันมี div ที่มีความกว้าง 100% ฉันต้องการจัดปุ่มให้อยู่ตรงกลางปุ่มฉันจะทำสิ่งนี้ได้อย่างไร <div style="width:100%; height:100%; border: 1px solid"> <button type="button">hello</button> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

220 html  css  centering 

ฉันต้องการสร้างปุ่มปิดโดยใช้ CSS เท่านั้น ฉันแน่ใจว่าฉันไม่ใช่คนแรกที่ทำสิ่งนี้ดังนั้นไม่มีใครรู้ว่าแบบอักษรใดที่มีความกว้างเท่ากับความสูง 'x' เพื่อให้สามารถใช้ cross-browser เพื่อดูเหมือนปุ่มปิดได้

219 css  fonts  font-face 

อะไรคือความแตกต่างระหว่าง#และ.เมื่อประกาศชุดรูปแบบสำหรับองค์ประกอบและความหมายที่เข้ามาเล่นเมื่อตัดสินใจเลือกรูปแบบใด

219 css  css-selectors 

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

218 html  css  layout  static  fluid 

ฉันมีเว็บไซต์ที่มี DIV ที่จัดกึ่งกลาง ตอนนี้บางหน้าต้องเลื่อนบางคนไม่ เมื่อฉันย้ายจากประเภทหนึ่งไปยังอีกประเภทลักษณะที่ปรากฏของแถบเลื่อนจะย้ายพิกเซลไปทางด้านข้างไม่กี่พิกเซล มีวิธีใดในการหลีกเลี่ยงสิ่งนี้โดยไม่แสดงแถบเลื่อนในแต่ละหน้าอย่างชัดเจนหรือไม่

218 html  css 

ฉันพยายามที่จะเปลี่ยนรูปแบบของปุ่มด้วยภาพที่ฝังอยู่ตามที่เห็นในซอต่อไปนี้: http://jsfiddle.net/krishnathota/xzBaZ/1/ ในตัวอย่างไม่มีภาพฉันกลัว ฉันพยายามที่จะ: เปลี่ยนbackground-colorปุ่มเมื่อปิดการใช้งาน เปลี่ยนภาพในปุ่มเมื่อปิดการใช้งาน ปิดใช้งานเอฟเฟ็กต์โฮเวอร์เมื่อปิดใช้งาน เมื่อคุณคลิกที่ภาพในปุ่มแล้วลากภาพจะเห็นแยกต่างหาก ฉันต้องการหลีกเลี่ยงสิ่งนั้น สามารถเลือกข้อความบนปุ่มได้ ฉันต้องการหลีกเลี่ยงสิ่งนั้นเช่นกัน button[disabled]ฉันพยายามทำอยู่ใน แต่เอฟเฟกต์บางอย่างไม่สามารถปิดได้ ชอบ top: 1px; position: relative;และรูปภาพ

218 css 

คำถามของฉันง่าย: <%= f.submit %> คำประกาศของชั้นเรียนไปที่ไหน ฉันพบข้อผิดพลาดหลายครั้ง

217 ruby-on-rails  css  ruby-on-rails-3 

ฉันกำลังออกแบบเว็บเพจ เมื่อเราคลิกเนื้อหาของ div mail ที่มีชื่อฉันจะแสดงหน้าต่างป๊อปอัพที่มีอีเมลป้ายกำกับและกล่องข้อความได้อย่างไร

217 javascript  jquery  css  ajax  popup 

ฉันสงสัยว่ามีตัวเลือกใดใน xhtml 1.0 ที่เข้มงวดเพื่อสร้างบรรทัดทั้งสองด้านของข้อความที่ต้องการ: หมวดที่หนึ่ง ----------------------- หัวข้อถัดไป ----------------------- มาตราสอง ฉันคิดว่าจะทำสิ่งแฟนซีบางอย่างเช่นนี้: <div style="float:left; width: 44%;"><hr/></div> <div style="float:right; width: 44%;"><hr/></div> Next section หรืออีกทางเลือกหนึ่งเพราะข้างต้นมีปัญหาเกี่ยวกับการจัดตำแหน่ง (ทั้งแนวตั้งและแนวนอน): <table><tr> <td style="width:47%"><hr/></td> <td style="vertical-align:middle; text-align: center">Next section</td> <td style="width:47%"><hr/></td> </tr></table> นอกจากนี้ยังมีปัญหาการจัดตำแหน่งซึ่งฉันแก้ไขด้วยความยุ่งเหยิงนี้: <table><tr> <td style="border-bottom: 1px solid gray; width: 47%"> </td> <td style="vertical-align:middle;text-align:center" rowspan="2">Next section</td> <td style="border-bottom: 1px solid …

217 html  css  xhtml  line  vertical-alignment 

ฉันต้องการเก็บไฟล์. scss ส่วนกลางหนึ่งไฟล์ที่เก็บคำจำกัดความตัวแปร SASS ทั้งหมดสำหรับโครงการ // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... โปรเจ็กต์จะมีไฟล์ CSS จำนวนมากเนื่องจากลักษณะของมัน เป็นสิ่งสำคัญที่ฉันต้องประกาศตัวแปรสไตล์โครงการทั้งหมดในที่เดียว มีวิธีการทำเช่นนี้ใน SCSS หรือไม่?

217 css  sass 

ฉันต้องการมีสองรายการในบรรทัดเดียวกันใช้float: leftสำหรับรายการทางด้านซ้าย ฉันไม่มีปัญหาในการบรรลุเป้าหมายนี้เพียงอย่างเดียว ปัญหาคือผมต้องการทั้งสองรายการที่จะเข้าพักในบรรทัดเดียวกันแม้เมื่อคุณปรับขนาดเบราว์เซอร์ขนาดเล็กมาก คุณรู้ไหมว่ามันเป็นอย่างไรกับตาราง เป้าหมายคือการป้องกันไม่ให้สินค้าถูกห่อไว้ไม่ว่าอะไรจะเกิดขึ้น วิธีการที่ผมบอกเบราว์เซอร์ใช้ CSS ที่ผมค่อนข้างจะยืดที่มีdivกว่าห่อมันเพื่อที่float: right;div เป็นดังต่อไปนี้float: left; div? สิ่งที่ฉันต้องการ: \ +---------------+ +------------------------/ | float: left; | | float: right; \ | | | / | | |content stretching \ Screen Edge | | |the div off the screen / <--- +---------------+ +------------------------\ /

216 css  css-float  css-tables  stretching 

มีวิธีใดบ้างที่จะจำกัดความยาวของเส้นขอบ ฉันมี<div>เส้นขอบด้านล่าง แต่ฉันต้องการเพิ่มเส้นขอบด้านซ้ายของเส้น<div>นั้นที่ทอดยาวเพียงครึ่งทาง มีวิธีการใด ๆ โดยไม่ต้องเพิ่มองค์ประกอบพิเศษในหน้า?

216 css 

ฉันกำลังทำงานกับไฟล์ CSS ที่ค่อนข้างยาว ฉันรู้ว่าลูกค้าสามารถขอเปลี่ยนรูปแบบสีและสงสัยว่า: เป็นไปได้หรือไม่ที่จะกำหนดสีให้กับตัวแปรต่างๆเพื่อที่ฉันจะสามารถเปลี่ยนตัวแปรให้มีสีใหม่ที่ใช้กับองค์ประกอบทั้งหมดที่ใช้งานได้หรือไม่ โปรดทราบว่าฉันไม่สามารถใช้ PHP เพื่อเปลี่ยนไฟล์ CSS แบบไดนามิก

216 css  variables  colors  css-variables