[CSS] iPhoneã®Safariã§ã‚¿ãƒƒãƒ—ã—ãŸéš›ã«è¡¨ç¤ºã•ã‚Œã‚‹æš—ã‚ãªå½±ã‚’消ã™CSS - YoheiM .NETã“ã‚“ã«ã¡ã¯ã€@yoheiMuneã§ã™ã€‚ iPhoneã®Safariã§ãƒªãƒ³ã‚¯ã¨ã‹ãƒœã‚¿ãƒ³ã¨ã‹ã‚’タップã—ãŸéš›ã«ã€ä¸€çž¬ã ã‘åŠé€æ˜Žã®é»’ã„背景ãŒå‡ºã‚‹ç¾è±¡ã€‚ ã“ã®é»’åŠé€æ˜Žã‚’出ã•ã›ãªã„CSSã®è¨å®šã‚’å¦ã‚“ã ã®ã§ã€ãƒ–ãƒã‚°ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ タップã—ãŸéš›ã«ã§ã‚‹é»’ã„åŠé€æ˜ŽãªèƒŒæ™¯ã¨ã¯ 具体的ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ¢ãƒŽã§ã™ã€‚ ã“ã‚Œã£ã¦ã‚¿ãƒƒãƒ—ã—ãŸæ„Ÿè¦šãŒå‡ºã‚‹ã®ã§å¬‰ã—ã„åé¢ã€ã‚¿ãƒƒãƒ—時ã®ã‚¹ã‚¿ã‚¤ãƒ«ï¼ˆ:activeã¨ã‹ã§æŒ‡å®šï¼‰ãŒã‚ã‚‹å ´åˆã«ã¯ã€ 出ã¦ã“ãªã„ã§æ¬²ã—ã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ é»’ã„åŠé€æ˜ŽãªèƒŒæ™¯ã‚’変更ã™ã‚‹CSS 以下ã®CSSを用ã„ã‚‹ã“ã¨ã§ã€ãƒªãƒ³ã‚¯ã‚„ボタンã®ã‚¿ãƒƒãƒ—時ã®è‰²ã‚’変更ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ -webkit-tap-highlight-color:rgba(0,0,0,0); 上記ã®ä¾‹ã ã¨ã€å®Œå…¨é€æ˜Žã«ã—ã¦ã€ã‚¿ãƒƒãƒ—時ã«é»’ã„åŠé€æ˜ŽãªèƒŒæ™¯ã‚’表示ã—ãªã„よã†ã«ãªã‚Šã¾ã™ã€‚ rgbaã®å€¤ã‚’変更ã™ã‚‹ã“ã¨ã§ã€ä»–ã®è‰²ã‚’è¨å®šã™ã‚‹äº‹ã‚‚å¯èƒ½ã§ã™ã€‚ ãª
![[CSS] iPhoneã®Safariã§ã‚¿ãƒƒãƒ—ã—ãŸéš›ã«è¡¨ç¤ºã•ã‚Œã‚‹æš—ã‚ãªå½±ã‚’消ã™CSS - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/46f21185e2f69fa6016680a0a1bdb4495ba2fbd7/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F131.png)
レスãƒãƒ³ã‚·ãƒ–Webデザインã§ãƒ†ãƒ¼ãƒ–ルを使ã†æ™‚ã®å°æŠ€
愛宕山太郎åŠ/Staff
webtron weblog : Interaction Concept of Swiping to Go Back
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ä¸è¦! スマホå‘ã‘アプリã®ãƒ‡ãƒ¢ç‰ˆã‚’手軽ã«ä½œã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ç™»å ´
[js,css] テンã‚ーãŒã¤ã„ã¦ã„るスマートフォンã®ç½ ![[js,css] テンã‚ーãŒã¤ã„ã¦ã„るスマートフォンã®ç½](https://cdn-ak-scissors.b.st-hatena.com/image/square/d69adcda0505f32b218fcfafa0e739ce12a5456d/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2011%2F12%2F007sh.png)
css-eblog.com
mixi Engineers' Blog » スマートフォンブラウザã®WebInspectorをリモートã§å®Ÿç¾ã™ã‚‹weinreãŒå‡„ã„
Blogger
{{#tags}}- {{label}}
{{/tags}}