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

บน iOS (Safari 5) ฉันต้องทำตามสำหรับองค์ประกอบอินพุต (เงาด้านในด้านบน): ฉันต้องการลบเงาด้านบน แต่จุดบกพร่อง-webkit-appearanceไม่ได้บันทึก รูปแบบปัจจุบันคือ: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center; background: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; }

92 ios  css  input 

ฉันต้องการให้รายการดิ้นอยู่ตรงกลาง แต่เมื่อเรามีบรรทัดที่สองให้มี 5 (จากภาพด้านล่าง) ต่ำกว่า 1 และไม่อยู่กึ่งกลางในพาเรนต์ นี่คือตัวอย่างของสิ่งที่ฉันมี: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } li { list-style-type: none; border: 1px solid gray; margin: 15px; padding: 5px; width: 200px; } <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด http://jsfiddle.net/8jqbjese/2/

92 html  css  flexbox 

นี่คือกล่องข้อความป้อน HTML: <input type="text" id="text" name="text_name" /> อะไรคือตัวเลือกในการกำหนดขนาดของกล่อง? สิ่งนี้สามารถนำไปใช้ใน CSS ได้อย่างไร?

92 html  css  input 

ความหมายที่แท้จริงของคำว่า "Cascading" ใน CSS คืออะไร ฉันได้รับมุมมองที่แตกต่างกันดังนั้นฉันจึงถามที่นี่ ตัวอย่างจะช่วยได้

92 css  terminology  css-cascade 

เป็นไปได้ไหมที่จะขอบแถวตาราง<tr>ในคราวเดียวแทนที่จะให้เส้นขอบกับแต่ละเซลล์<td>เช่น <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"> <tbody> <tr> <th style="width: 96px;">Column 1</th> <th style="width: 96px;">Column 2</th> <th style="width: 96px;">Column 3</th> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;"> </td> <td style="border-top: thin solid; border-bottom: thin solid;"> </td> <td style="border-top: thin solid; …

92 html  css  border  html-table 

ฉันมี 3 divองค์ประกอบ อันดับ 1 divใหญ่กว่า (ห่อ) และมีposition:relative; divตำแหน่งที่2 อยู่ในตำแหน่งสัมบูรณ์กับdivตำแหน่งสัมพัทธ์ที่1 (และรวมอยู่ในตำแหน่งที่ 1 div) อันดับ 3 divอยู่ในอันดับ 2 divและยังมีตำแหน่งที่แน่นอน <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> เหตุใดdivตำแหน่งที่ 3 จึงเป็นค่าสัมบูรณ์กับตำแหน่งที่ 2 div(ซึ่งเป็นตำแหน่งที่แน่นอนกับตำแหน่งที่ 1 div) และdivตำแหน่งที่1 จึงมีตำแหน่งสัมพันธ์ เพราะที่ 3 divคือการวางตำแหน่งที่แน่นอนที่จะ div2

92 html  css  css-position 

คุณรู้วิธีซ่อนไอคอน"ไม่พบรูปภาพ"แบบคลาสสิกจากหน้า HTML ที่แสดงผลเมื่อไม่พบไฟล์รูปภาพหรือไม่ วิธีการทำงานใด ๆ โดยใช้ JavaScript / jQuery / CSS?

92 javascript  jquery  html  css  image 

ฉันพยายามที่จะทำให้การเปลี่ยนสีพื้นหลังของ div บนเมาส์มากกว่า div {background: white;} the div a: hover {background: grey; ความกว้าง: 100%; แสดง: บล็อก; ตกแต่งข้อความ: ไม่มี;} เพียงการเชื่อมโยงภายใน div ที่ได้รับสีพื้นหลัง ฉันจะทำอย่างไรให้div ทั้งหมดได้สีพื้นหลังนั้น ขอบคุณ แก้ไข: ฉันจะทำให้ div ทั้งหมดทำหน้าที่เป็นลิงก์ได้อย่างไร - เมื่อคุณคลิกที่ใดก็ได้บน div นั้นเพื่อนำคุณไปยังที่อยู่

91 css  colors  background  hover 

ฉันกำลังใช้โค้ดชิ้นนี้เพื่อแสดงรายการ: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> อย่างไรก็ตาม<div>องค์ประกอบดังกล่าวก่อให้เกิดข้อบกพร่องในการแสดงผลเล็กน้อยในบางเบราว์เซอร์ ฉันอยากทราบว่ามีวิธีทำ ng-repeat โดยไม่ใช้ div container หรือวิธีอื่นเพื่อให้ได้ผลเช่นเดียวกัน

91 javascript  css  html  angularjs 

ฉันต้องนำเสนอต้นแบบของเว็บแอปในวันต่อ ๆ ไปให้กับลูกค้าคนหนึ่งของฉันสิ่งนี้คือฉันไม่เก่ง CSS และที่แย่ที่สุดคือฉันแทบไม่เคยพอใจกับผลลัพธ์ที่ได้รับเลย การเข้ารหัสตรรกะทางธุรกิจไม่ใช่เรื่องท้าทายสำหรับฉัน แต่การออกแบบ UI ใช้เวลามากกว่า 80% ของเวลาของฉัน ฉันไม่ต้องการอะไรที่น่าทึ่งเพียงแค่สภาพแวดล้อมที่สะอาดสวยงามและเรียบร้อยตัวอย่าง: นี่เป็นปัญหาที่เกิดขึ้นซ้ำซากที่ฉันเคยพบฉันหวังว่าการพัฒนา UI ของเว็บจะมีรูปแบบเริ่มต้นที่เปลือยเปล่าน้อยลงวิธีการที่คล้ายกับVisual StudioหรือiPhone SDKจะมีประโยชน์มากสำหรับฉัน ตัวอย่างด้านบนที่สร้างขึ้นด้วยBalsamiq Mockupsเป็นตัวอย่างที่ยอดเยี่ยมมี "ส่วนประกอบ" ที่พบบ่อยที่สุดทั้งหมดและที่ดีที่สุดคือมีสไตล์ที่ดูดีเพียงแบบเดียวให้เลือก มีอะไรแบบนี้สำหรับเว็บไหม? กรอบ CSS หรือ Javascript UI ที่เป็นกลาง แต่ดี? ตัวเลือกจนถึงตอนนี้: Bootstrap Qooxdoo jQuery UI jQuery Tools MochaUI ต่อ JS Yahoo! ไลบรารีส่วนต่อประสานผู้ใช้ บลูทริป พิมพ์เขียว Uki ( สาธิต ) Napkee YAML พื้นฐาน …

91 css  user-interface 

เหตุการณ์สิ้นสุดการเปลี่ยนแปลงของ Webkit เรียกว่า webkitTransitionEnd, Firefox คือ transitionEnd โอเปร่าคือ oTransitionEnd วิธีที่ดีในการจัดการกับ JS ทั้งหมดคืออะไร? ฉันควรดมเบราว์เซอร์หรือไม่? หรือใช้แต่ละอันแยกกัน? วิธีอื่นที่ไม่ได้เกิดขึ้นกับฉัน? กล่าวคือ: //doing browser sniffing var transitionend = (isSafari) ? "webkitTransitionEnd" : (isFirefox) ? "transitionEnd" : (isOpera) ? "oTransitionEnd"; element.addEventListener(transitionend, function(){ //do whatever },false); หรือ // Assigning an event listener per browser element.addEventListener("webkitTransitionEnd", fn); element.addEventListener("oTransitionEnd", fn); …

91 javascript  css  css-transitions  dom-events 

ฉันมีข้อความด้านล่าง (เปลี่ยนแปลงเล็กน้อย): "เข้าร่วมการแข่งขันภายในวันที่ 30 มกราคม 2011 และคุณสามารถชนะได้มากถึง $$$$ - รวมถึงทริปฤดูร้อนที่น่าตื่นตาตื่นใจ!" ปัจจุบันฉันมี: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> กำลังจัดรูปแบบสตริงข้อความ แต่ต้องการเปลี่ยนสีของ "30 มกราคม 2011" เป็น # FF0000 และ "summer" เป็น # 0000A0 ฉันจะทำสิ่งนี้อย่างเคร่งครัดกับ HTML หรือ inline CSS ได้อย่างไร

91 html  css  text  colors  inline 

บนเว็บไซต์ของฉันฉันใช้ reset.css มันเพิ่มสิ่งนี้ให้กับรูปแบบรายการ: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, …

91 html  css  html-lists 

ฉันพยายามที่จะศูนย์องค์ประกอบภายในของ<button>-tag กับ justify-content: centerflexbox แต่ Safari ไม่ได้อยู่ตรงกลาง ฉันสามารถใช้สไตล์เดียวกันกับแท็กอื่น ๆ และทำงานได้ตามที่ต้องการ (ดู<p>แท็ก -tag) มีเพียงปุ่มเท่านั้นที่จัดชิดซ้าย ลองใช้ Firefox หรือ Chrome แล้วคุณจะเห็นความแตกต่าง มีลักษณะตัวแทนผู้ใช้ที่ฉันต้องเขียนทับหรือไม่? หรือวิธีแก้ปัญหาอื่น ๆ สำหรับปัญหานี้? div { display: flex; flex-direction: column; width: 100%; } button, p { display: flex; flex-direction: row; justify-content: center; } <div> <button> <span>Test</span> <span>Test</span> </button> <p> <span>Test</span> <span>Test</span> </p> …

91 html  css  safari  flexbox  css-grid 

ฉันพยายามแบ่ง div ออกเป็นสองคอลัมน์โดยใช้ CSS แต่ฉันยังไม่สามารถทำให้มันใช้งานได้ โครงสร้างพื้นฐานของฉันมีดังนี้: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> ถ้าฉันพยายามลอย div ด้านขวาและซ้ายไปยังตำแหน่งตามลำดับ (ขวาและซ้าย) ดูเหมือนว่าจะไม่สนใจสีพื้นหลังของ div ของเนื้อหา และรหัสอื่น ๆ ที่ฉันได้ลองจากเว็บไซต์ต่างๆดูเหมือนจะไม่สามารถแปลเป็นโครงสร้างของฉันได้ ขอบคุณสำหรับความช่วยเหลือ!

91 css  html  css-float