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

休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 2年前休業。 ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 ユーザーが自分のページのボタンをクリックすると、divのコンテンツがクリアされます。これを達成するにはどうすればよいですか？

152 javascript  html  css 

ユーザーがドラッグしようとしている画像のゴーストを表示しないようにする方法はありますか（画像のセキュリティについてではなく、エクスペリエンスについて）。 私はこれを試しましたが、テキストと画像の青い選択の問題を修正しましたが、ゴースト画像は修正していませんでした： img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } （私は、divに同じルールを適用して、div内に画像をネストしてみました）。ありがとう

152 javascript  html  css 

私はcssスタイルのtext-alignを使用して、コンテンツをHTMLのコンテナー内に配置します。コンテンツがテキストまたはブラウザがIEの場合、これは正常に機能します。しかし、それ以外の場合は機能しません。 また、その名前が示すように、基本的にテキストを揃えるために使用されます。alignプロパティはずっと前に非推奨になっています。 HTMLのコンテンツを揃える他の方法はありますか？

152 html  css  text-align 

私は流動的なスタイルシートを組み立てる作業をしていて、それは素晴らしい働きをします。私が気づいたことの1つは、Chromeのブラウザウィンドウが400px未満にサイズ変更されず、そのままスタックし、FFで縮小すると、約400pxで停止して水平スクロールバーがポップアップすることです。 私の携帯電話でサイトを開くと、320px前後で完璧に見えるので、400px未満のスケールになることはわかっています。 これがブラウザ/デスクトップのことなのか、CSS以外のものを見る必要があるのか​​を誰かが知っているのかどうか知りたいと思いました。min-width宣言がないので、何が原因かわかりません。 再びデスクトップでは、それは約400pxの最小幅に縮小して停止しますが、私の電話でそれを開くと、それは約320pxの電話画面のサイズに拡大縮小します...デスクトップでは320pxに縮小しません。 -edit-また、これが問題かどうかはわかりませんが、Operaではほとんど何にも縮小できません...したがって、ChromeやFFではなく、Operaで動作します...アイデアはありますか？

151 html  css  layout  liquid-layout 

フォームの送信、検証後のテキストや視覚的補助の中でも特に、注意が必要なインタラクティブ領域を示すために、入力ボックスを赤に着色しています。 Chrome（およびGoogleツールバーユーザー）では、自動入力機能により入力フォームの色が黄色に変わります。ここに複雑な問題があります：ユーザーのログインを高速化するため、フォームでオートコンプリートを許可したいのですが、エラーが発生した場合、またはトリガーされたときに、オートコンプリート属性をオフにする機能を確認しますが、これは複雑ですページ上の影響を受ける単一の入力のオートコンプリートをプログラムでオフにするコーディングのビット。簡単に言えば、これは大きな頭痛の種でしょう。 それで、その問題を回避しようとするために、入力ボックスの色を変更しないようにするためのより簡単な方法はありますか？ [編集]以下の重要な提案を試しましたが、効果がありませんでした。！important属性が機能するかどうかを確認するために、Googleツールバーをまだチェックしていません。 私の知る限り、autocomplete属性を使用する以外に手段はありません（機能しているように見えます）。

151 css  validation  google-chrome  html-input 

このplunkr（select2 + angulat-ui）を機能させるのに問題があります。 http://plnkr.co/edit/NkdWUO?p=preview ローカルセットアップで、select2の動作を取得しましたが、ドキュメントで説明されているように幅を設定できません。幅が狭すぎて使用できません。 ありがとうございました。 編集：そのplnkrを気にしないでください、私はここhttp://jsfiddle.net/pEFy6/で作業フィドルを見つけました 最初の要素の幅に縮小するのはselect2の動作のようです。ブートストラップをclass="input-medium"使用して幅を設定できますが、angular-uiが構成パラメーターを取得しない理由はまだわかりません。

151 css  twitter-bootstrap  angularjs  jquery-select2 

Twitterブートストラップドロップダウンメニューを実装したいのですが、これが私のコードです。 <span class="dropdown"> <a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">a</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> <li class="divider"></li> <li><a href="#">d</a></li> </ul> ドロップダウンは適切に機能し、ドロップダウンは画面の右端の隣に配置されます。ドロップダウントグルをクリックすると、リストが画面の外に出ます。次のような画面になります。 どうすれば修正できますか？

151 html  css  twitter-bootstrap 

次のHTMLがあります。 <div class="title"> <span>Cumulative performance</span> <span>20/02/2011</span> </div> このCSSで： .title { display: block; border-top: 4px solid #a7a59b; background-color: #f6e9d9; height: 22px; line-height: 22px; padding: 4px 6px; font-size: 14px; color: #000; margin-bottom: 13px; clear:both; } このjsFiddleを確認すると：http ://jsfiddle.net/8JwhZ/ 名前と日付がくっついていることがわかります。日付を右に揃える方法はありますか？私はfloat: right;2番目を試しました<span>が、それはスタイルを台無しにし、日付を囲んでいるdivの外に押し出します

151 html  css 

Firefoxを使用すると、を押すだけでWebページ全体を拡大できますCTRL +。これにより、Webページ全体（フォント、画像など）が比例して拡大されます。 CSSを使用して同じ機能を複製するにはどうすればよいですか？ 次のようなものはありますかpage-size: 150%（これにより、ページ全体がx％増加しますか？）

151 html  css  resize 

現在Visual Studio 2012内（デバッグモード）で.cssファイルを編集しています。ブラウザとしてChromeを使用しています。Visual Studio内でアプリケーションの.cssファイルに変更を加えて保存すると、ページを更新しても.cssファイルの更新された変更が読み込まれません。.cssファイルはまだキャッシュされていると思います。 私が試してみました： CTRL / F5 Visual Studio 2012で、[プロジェクトのプロパティ]の[Web]タブに移動します。[開始アクション]セクションで[外部プログラムの開始]を選択します。GoogleChromeのパスを貼り付けるか参照します（Mine is C：\ Users \ xxx \ AppData \ Local \ Google \ Chrome \ Application \ chrome.exe）コマンドライン引数ボックスに-incognito Chromeデベロッパーツールを使用して、[歯車]アイコンをクリックし、[キャッシュを無効にする]をオンにしました。 手動でデバッグを停止（Chromeを終了）し、アプリケーションを再起動（デバッグ中）しない限り、何も機能しないようです。 Chromeに常にすべてのcssの変更を再読み込みし、.cssファイルを再読み込みさせる方法はありますか？ 更新： 1. .aspxファイルのインラインスタイルの変更は、更新すると反映されます。ただし、.cssファイルでの変更は行われません。2.これはASP.NET MVC4アプリなので、GETを実行するハイパーリンクをクリックします。そうしていると、スタイルシートの新しいリクエストが表示されません。しかし、F5をクリックすると、.cssファイルがリロードされ、（ネットワークタブの）ステータスコードは200になります。

151 css  visual-studio  google-chrome  caching 

私はこのdivを持っています： <div style='overflow:scroll; width:400px;height:400px;'>here is some text</div> テキストがオーバーフローしていなくても、スクロールバーは常に表示されています。スクロールバーを必要なときだけ表示するようにしたい-つまり、ボックスに十分なテキストがあり、必要なときにだけ表示する。textareaのように。どうすればよいですか？それとも、divのように見えるようにテキストエリアをスタイルする唯一のオプションですか？

151 css  html  scrollbar 

ホバー時にCSSトランジションエフェクトがdivを移動するCSSがあります。 この例でわかるように、translateトランジションには、div内の画像を1px右/下に移動させる（そして、サイズを少しだけ変更する可能性があります）という、ひどい副作用があり、場違いに見えて、焦点が合っていない... グリッチはホバー効果が適用されている間ずっと適用されているようであり、試行錯誤のプロセスから、私は安全に、トランジショントランジションがdivを移動するときにのみ発生するように見える（ボックスの影と不透明度も適用されますが、違いはありません）削除時のエラー）。 この問題は、ページにスクロールバーがある場合にのみ発生するようです。したがって、divのインスタンスが1つしかない例でも問題ありませんが、同じdivが追加され、ページにスクロールバーが必要になるため、問題が再び発生します...

150 css  image  hover  positioning  translate-animation 

Internet Explorerの愚かなCSS制限に関する矛盾する情報を読みました。私は（私はそう思います）31 <style>と<link>タグ（結合）しか持てず、各シートには最大31 @import-s が含まれることを理解しています（したがって、31 <link>-sはそれぞれ31 @import-sで問題ありません）。 ただし、4095ルールはそれほど明確ではありません。この4095ルールはドキュメントごとですか、それともシートごとですか？たとえば<link>、それぞれ4000ルールのスタイルシートを2つ作成して機能させることはできますか、それとも制限を超えますか？ サードパーティ編集2018 このmsdnブログの投稿stylesheet-limits-in-internet-explorerに詳細情報が記載されています。

150 css  internet-explorer  stylesheet 

angularjsでは、持っているタグNG-SRC angularjsが間に配置された変数を評価するために取得する前に、無効なURLのためにエラーが表示されないことを目的あり{{とを}}。 問題はbackground-image、URLへのセットでかなりのDIVを使用することです。これbackground-sizeは、DIVの正確なサイズに画像をトリミングする優れたCSS3プロパティがあるためです。 唯一の問題は、ng-srcタグを作成したのとまったく同じ理由で多くのエラーを受け取ることです。URLにいくつかの変数があり、ブラウザーは画像が存在しないと見なしています。 私は原油を書く可能性があることを理解していますが、{{"style='background-image:url(myVariableUrl)'"}}これは「汚い」ようです。 私はたくさん検索しましたが、これを行う正しい方法を見つけることができません。これらのエラーのすべてが原因で、アプリがごちゃごちゃになっています。

150 css  angularjs 

現在、フィールドを無効にするためにreadonly = "readonly"を使用しています。CSSを使用して属性のスタイルを設定しようとしています。私は使ってみました input[readonly] { /*styling info here*/ } しかし、それは何らかの理由で機能していません。私も試しました input[readonly='readonly'] { /*styling info here*/ } それも機能しません。 CSSでreadonly属性のスタイルを設定するにはどうすればよいですか？

150 html  css  css-selectors