Leaverou | Latest Social Media Marketing TrendsSign up with your email address to be the first to know about new products, VIP offers, blog features & more. [spacer]
textarea ã®ãƒªã‚µã‚¤ã‚ºæ©Ÿèƒ½ã‚’æ¢ã‚ã¦ã¿ã‚‹
Firefoxã‚„ã€Google Chromeã€Safari辺りã§ã„ã¤ã®é–“ã«ã‚„ら実装ã•ã‚ŒãŸã€textarea ã®ãƒªã‚µã‚¤ã‚ºæ©Ÿèƒ½ã¯ã¨ã¦ã‚‚便利ã§è‰¯ã„ãªãƒ¼ã¨ã¯æ€ã£ã¦ã¾ã™ãŒã€æ¢ã‚ãŸã„時も有りã¾ã™ã‚ˆã。 ãªã®ã§ã€æ¢ã‚る方法を。 CSS3ã«ãã‚Œã£ã½ã„プãƒãƒ‘ティãŒæœ‰ã‚‹ã®ã§ã€1行書ãã ã‘ã§ã™ã€‚ textarea { resize: none; } ã“ã‚“ãªæ„Ÿã˜ã§ã™ã。 ã“ã‚Œã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼å´ã§è¦ç´ ã®ãƒªã‚µã‚¤ã‚ºæ©Ÿèƒ½ã‚’許å¯ã™ã‚‹ã‹ã—ãªã„ã‹ã£ã¦ãƒ—ãƒãƒ‘ティãªã®ã§ã€åˆ¥ã«textareaã«é™ã‚‰ãšã€overflowプãƒãƒ‘ティã®å€¤ãŒvisible以外ã®æŒ‡å®šãŒæœ‰ã‚‹å ´åˆã«ä½¿ã£ã¦ã„ã‘ã‚‹æ„Ÿã˜ã§ã™ã€‚ ã“ã‚Œã ã‘ã ã¨ã€å¯‚ã—ã„ã®ã§ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã£ã½ãã™ã‚‹ãŸã‚ã«ã€‚ textarea以外ã«ä½¿ã†ã¨ã—ãŸã‚‰ã€ãƒˆãƒƒãƒ—ページã®æ–°ç€æƒ…å ±ã¿ãŸã„ãªã®ã§æ™‚々見るã€é«˜ã•å›ºå®šã—㦠overflow: auto; ã¨ã‹ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼å‡ºã—ã¦ã‚‹å ´åˆã¨ã‹ã«ä½¿ã£ã¦ã„ã‘ã°ãƒ¦ãƒ¼ã‚¶ãƒ¼å´ã§ãƒªã‚µã‚¤
iPhone・iPad・Chromeç‰WebKitベースブラウザã®CSS3フォームスタイルテクニック:phpspot開発日誌
iPhone・iPad・Chromeç‰WebKitベースブラウザã®CSS3フォームスタイルテクニック 2010å¹´10月15æ—¥- Customizing web forms with CSS3 and WebKit - (37signals) iPhone・iPad・Chromeç‰WebKitベースブラウザã®CSS3フォームスタイルテクニックãŒ37signals.comã«ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 紹介ã•ã‚Œã¦ã„る１例ã¨ã—ã¦ã€Safariã¨ã„ã†ã¨ãƒ•ã‚©ãƒ¼ãƒ ãŠãªã˜ã¿ã®Aquaã£ã½ã„スタイルã«ãªã‚Šã¾ã™ãŒã€-webkit-appearance: none; ã®ã‚ˆã†ã«è¨å®šã™ã‚‹ã¨ãƒ—レーンãªãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã«ãªã‚‹ã‚ˆã†ã§ã™ã€‚ CSS3ã‚„ç”»åƒã‚’活用ã—ã¦ã€æ¬¡ã®ã‚ˆã†ãªãƒ•ã‚©ãƒ¼ãƒ をカッコよãデザインã—ãŸã‚µãƒ³ãƒ—ルãªã‚“ã‹ã‚‚公開ã•ã‚Œã¦ã„ã¾ã™ã€‚ 実際ã«è¦‹ã¦ã¿ã‚‹ 関連エントリ クリーンãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ãƒ”ュアＣＳＳãªãƒ•ã‚©ãƒ¼ãƒ を作るサンプル CS
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}