タグ付けされた質問 「css」

ユーザーが編集できるように持っているDIVものがcontentEditable=trueあります。問題は、テキストフィールドのように見えないため、編集できるかどうかがユーザーに明確でない可能性があることです。 DIVテキスト入力フィールドのようにユーザーに表示されるようにスタイルを設定する方法はありますか？

82 html  css 

順序付きリストのデフォルトの下位アルファリストタイプは、ドット「。」を使用します。a）... b）.. etcのように代わりに右括弧を使用する方法はありますか？

82 html  css 

Twitterのブートストラップコードには!default、末尾にが付いた多くのCSSプロパティがあります。 例えば p { color: white !default; } 何をし!defaultますか？ 更新 はっきりしないのは悪い。BootstrapのSASS部分を使用しています。

82 css  twitter-bootstrap  sass 

HTML5ドキュメントにiframeがあります。検証すると、の属性iframe frameBorderが廃止され、代わりにCSSを使用するというエラーが表示されます。 frameBorder="0"IEで境界線を取り除く方法を理解する唯一の方法だったので、ここにこの属性border:none;があります。運が悪かったので、CSSで試しました。これを修正するための準拠した方法はありますか？ ありがとう。

82 css  internet-explorer  html 

mouseoverChromeでシミュレートするコードを見つけようとしていますが、「マウスオーバー」リスナーが起動されても、CSSの「ホバー」宣言が設定されることはありません。 私もやってみました： //Called within mouseover listener theElement.classList.add("hover"); しかし、要素をそのhover宣言で宣言されているものに変更するものは何もないようです。 これは可能ですか？

82 javascript  jquery  css 

FirefoxとOperaでHTML要素をズームするにはどうすればよいですか？ このzoomプロパティはIE、Google Chrome、Safariで機能しますが、FirefoxとOperaでは機能しません。 このプロパティをFirefoxとOperaに追加する方法はありますか？

82 css  firefox  cross-browser  zoom  opera 

iPad Webサイトの開発CSSプロパティを使用して、overflow: auto必要に応じてスクロールバーを取得しようとしましたdivが、2本の指のスクロールが機能していても、デバイスはスクロールバーを表示しません。 で試しました overflow: auto; そして overflow: scroll; 結果は同じです。 私はiPadでのみテストしています（デスクトップブラウザでは完全に機能します）。 何か案は？

82 css  ipad  ios 

css3遷移プロパティのレンダリング速度について質問があります。 いくつかの要素があるとします。 div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} 1つの宣言を使用して、これらすべての要素のすべての遷移をターゲットにする方がはるかに効率的div, span, a {transition: all}です。しかし、私の質問は、各要素の特定の遷移プロパティをターゲットにするアニメーションレンダリングの滑らかさと迅速さの点で「高速」でしょうか？例えば： div {margin: 2px; transition: margin .2s ease-in} span {opacity: .5; transition: opacity .2s ease-in} a {background-position: left top; …

82 performance  css  css-transitions 

親スタイルを無視してデフォルトスタイル（なし）を使用する方法を知りたいです。例として私の特定のケースを示しますが、これは一般的な質問であると確信しています。 <style> #elementId select { height:1em; } </style> <div id="elementId"> <select name="funTimes" style="" size="5"> <option value="test1">fish</option> <option value="test2">eat</option> <option value="test3">cows</option> </select> </div> この問題を解決したくない方法： 「#elementIdselect」が設定されているスタイルシートを編集できません。モジュールはそれにアクセスできません。 できれば、style属性を使用して高さスタイルを上書きしないでください。 たとえば、firebugを使用すると、親スタイルをオフにすることができ、すべてが順調です。これが私が目指している効果です。 スタイルを設定したら、それを無効にすることはできますか、それともオーバーライドする必要がありますか？

82 css 

レイアウトの設計中にhtml, body要素をに設定しheightました100%が、場合によっては失敗するので、何を使用する必要がありますか？ html, body { height: 100%; } または html, body { min-height: 100%; } ええと、これは意見に基づくものではありません。それぞれの方法には独自の欠陥があるので、推奨される方法とその理由は何ですか？

82 html  css 

私のアプリはJSoupを使用してメッセージボードページのHTMLをダウンロードしています（この場合、特定のスレッドの投稿を含むページであるとしましょう）。このHTMLを取得し、不要なアイテムを取り除き、カスタムCSSを適用して、WebViewで「モバイル」になるようにスタイルを設定したいと思います。 処理中にスタイルをHTMLに挿入する必要がありますか（とにかく処理するため）、CSSファイルをアプリのアセットに追加して単に参照する良い方法がありますか？後者が理想的だと思いますが、どうすればよいかわかりません。 WebViewのloadDataWithBaseURLに、ローカルアセットを参照できるというヒントがありますが、その使用方法がわかりません。

82 android  html  css  webview 

CSSメディアクエリを使用max-device-widthすると、デバイス幅（iPhoneやAndroidデバイスなど）やmax-widthページ幅をターゲットにするために使用できます。 を使用する場合max-device-width、デスクトップのブラウザウィンドウのサイズを変更しても、デスクトップのサイズは変更されないため、CSSは変更されません。 を使用する場合max-width、デスクトップのブラウザウィンドウのサイズを変更すると、タッチ操作に適した要素やメニューなど、モバイル指向のスタイルが表示される場合があります。 特定のブラウザ（およびデバイス？）をターゲットにすることは非推奨になり、ターゲットするものにもう少し注意を払う必要があります。それはメディアクエリにも当てはまりますか？ なぜあなたはお互いをターゲットにするのですか？どれがお勧めですか？ これは、本番Webサイトで使用するメディアクエリの例です。 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (min-device-height: 480px) and (max-device-height: 640px) { /* Change a menu to fit the screen better, etc... */ } 私はとの両方を使用する傾向がmax-device-widthありmax-widthます。

82 css  responsive-design  media-queries 

divとtextareaにパディングを付けようとしています。これを行うと、要素内のコンテンツ領域が縮小されるのではなく、要素のサイズが大きくなります。私がやろうとしていることを達成する方法はありますか？

82 html  css 

いくつかのcss-class内で、lessを使用してさまざまな解像度のcss-stylesをラップすると便利です。 私は次のようなことをしたいと思います： footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } 最後に、次のような結果になるはずです。 footer { width: 100%; } @media screen and (min-width: 768px) { footer { width: 768px; } } @media screen and (min-width: 992px) { footer { width: …

82 css  responsive-design  less  media-queries 

<span>モジュールのタイトルにタグを使用しています。 <span>Categories</span>. スパンの背景色/画像、幅、高さをcssで指定します。 ただし、スパンの幅はそのコンテンツ/テキストによって異なります。 したがって、<span></span>cssの背景画像/色だけで、そうすると、何も表示されません。 もちろん、何か出て欲しいです。 どうすればこれを解決できますか？

82 css