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

CSS（Cascading Style Sheets）は、HTML（HyperText Markup Language）、XML（Extensible Markup Language）ドキュメント、および色、レイアウト、フォントを含む（これらに限定されない）SVG要素の外観とフォーマットを記述するために使用される表現スタイルシート言語です。とアニメーション。また、画面、紙、音声、またはその他のメディアで要素をレンダリングする方法についても説明します。

14
`<input type = number>`のスクロールを無効にする
入力数値フィールドの数値を変更するスクロールホイールを無効にすることはできますか？私はスピナーを削除するためにwebkit固有のCSSをいじりましたが、この動作を完全に取り除きたいと思います。type=numberiOSで素晴らしいキーボードが表示されるので、使用するのが好きです。
121 javascript  css  html  forms 
11
画面からはみ出すネイティブテキストに反応し、折り返しを拒否します。何をすべきか？
次のコードは、このライブの例にあります 私は次の反応ネイティブ要素を持っています： 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( &lt;View style={styles.container}&gt; &lt;View style={styles.descriptionContainerVer}&gt; &lt;View style={styles.descriptionContainerHor}&gt; &lt;Text style={styles.descriptionText} numberOfLines={5} &gt; Here is a really long text that you can do nothing about, its gonna …
13
CSS3背景画像の遷移
CSSトランジションを使用して「フェードインフェードアウト」効果を作成しようとしています。しかし、私はこれを背景画像で機能させることができません... CSS： .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } .title a:hover { background: transparent; background: url(https://lh3.googleusercontent.com/-p1nr1fkWKUo/T0zUp5CLO3I/AAAAAAAAAWg/jDiQ0cUBuKA/s800/red-pattern.png) repeat; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background …
14
タッチ対応のブラウザーでホバーをシミュレートするにはどうすればよいですか？
次のようなHTMLを使用します。 &lt;p&gt;Some Text&lt;/p&gt; 次に、このようないくつかのCSS： p { color:black; } p:hover { color:red; } タッチ対応デバイスで長いタッチをホバーを複製するようにするにはどうすればよいですか？マークアップを変更したり、JSを使用したりできますが、これを行う簡単な方法は考えられません。
120 javascript  html  css  hover  touch 
10
テーブル内の特定の行の周りの境界線？
テーブルの特定の行の周囲に境界線を配置できるHTML / CSSを設計しようとしています。はい、実際にレイアウトにテーブルを使用することになっているわけではありませんが、完全に置き換えるのに十分なCSSをまだ知りません。 とにかく、私は複数の行と列を持つテーブルを持っています。いくつかはrowspanとcolspanとマージされており、テーブルの一部の周りに単純な境界線を配置したいと思います。現在、私は4つの個別のCSSクラス（上、下、左、右）を使用して&lt;td&gt;います。これらのクラスは、表の上部、下部、左、および右に沿ったセルにそれぞれアタッチします。 .top { border-top: thin solid; border-color: black; } .bottom { border-bottom: thin solid; border-color: black; } .left { border-left: thin solid; border-color: black; } .right { border-right: thin solid; border-color: black; } &lt;html&gt; &lt;body&gt; &lt;table cellspacing="0"&gt; &lt;tr&gt; &lt;td&gt;no border&lt;/td&gt; &lt;td&gt;no border here either&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td …
120 html  css  border  css-tables 
6
CSS3連続回転アニメーション（読み込み中の日時計と同じ）
私は、PNGおよびCSS3アニメーションを使用して、Appleスタイルのアクティビティインジケーター（サンディングロードアイコン）を複製しようとしています。画像を回転させて継続的に実行していますが、アニメーションが終了してから次の回転を行うまでに遅延があるようです。 @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } #loading img { -webkit-animation-name: rotate; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -webkit-transition-timing-function: linear; } 私はアニメーションの期間を変更しようとしましたが、違いはありません。すぐに遅くした場合、5秒と言うのは、最初の回転の後、再び回転する前に一時停止があるということです。それは私が取り除きたいこの一時停止です。 助けてくれてありがとう、ありがとう。
7
table、tr、tdにmin-heightを使用できますか？
受信の詳細を表に表示しようとしています。 そのテーブルには、商品を表示するための最小の高さが必要です。したがって、製品が1つしかない場合、テーブルの最後には少なくともいくらかの空白があります。一方、商品が5つ以上ある場合、その空のスペースにはなりません。 私はこのCSSを試してみました： table,td,tr{ min-height:300px; } しかし、それは機能していません。 前もって感謝します。
120 html  css 
14
マテリアライズCSS-選択するとレンダリングされないようです
私は現在マテリアライズCSSを使用していますが、選択フィールドを取得しているようです。 私は彼らのサイトから提供された例を使用していますが、残念ながらそれはビューにレンダリングされています。他の誰かが手伝ってくれるのではないかと思っていました。 私がやろうとしていることは、パディングを提供する2つのエンドスペーサーを持つ行を作成することです。次に、内側の2つの行アイテム内に、検索テキスト入力と検索選択ドロップダウンがあるはずです。 これは私が作業している例です：http : //materializecss.com/forms.html 前もって感謝します。 問題のコードスニペットは次のとおりです。 &lt;div class="row"&gt; &lt;form class="col s12"&gt; &lt;div class="row"&gt; &lt;div class="input-field col s2"&gt;&lt;/div&gt; &lt;div class="input-field col s5"&gt; &lt;input id="icon_prefix" type="text" class="validate" /&gt; &lt;label for="icon_prefix"&gt;Search&lt;/label&gt; &lt;/div&gt; &lt;div class="input-field col s3"&gt; &lt;label&gt;Materialize Select&lt;/label&gt; &lt;select&gt; &lt;option value="" disabled="disabled" selected="selected"&gt;Choose your option&lt;/option&gt; &lt;option value="1"&gt;Option 1&lt;/option&gt; &lt;option value="2"&gt;Option 2&lt;/option&gt; …
17
CSSでif / else条件を使用できますか？
CSSで条件を使用したいと思います。 アイデアは、正しいスタイルシートを生成するためにサイトが実行されたときに置き換える変数があるということです。 この変数に応じてスタイルシートが変更されるようにしたいです！ それは次のようになります： [if {var} eq 2 ] background-position : 150px 8px; [else] background-position : 4px 8px; これはできますか？これどうやってやるの？
15
divを比例させながら、divを画像で埋めるにはどうすればよいですか？
私はこのスレッドを見つけました— 画像の縦横比を維持しながら、どのようにして画像をストレッチして&lt;div&gt;を埋めますか？—それは完全に私が欲しいものではありません。 特定のサイズのdivとその中に画像があります。画像が横向きか縦向きかに関係なく、常に divに画像を入力したい。また、画像が切り取られていても問題ありません（div自体にオーバーフローが隠されています）。 画像がポートレートであるので、もし私がしたいwidthこと100%とheight:auto、それは割合にとどまるようにします。画像が横長の場合は私がしたいheightことを100%してwidth to beauto`。複雑に聞こえますか？ &lt;div class="container"&gt; &lt;img src="some-image.jpg" alt="Could be portrait or landscape"/&gt; &lt;/div&gt; どうすればいいのかわからないので、私が何を言っているのかを簡単にイメージしました。私もそれを適切に説明することはできません。 だから、私はこれを尋ねる最初のものではないと思います。しかし、私は本当にこれに対する解決策を見つけることができませんでした。たぶん、これを行うための新しいCSS3の方法があるかもしれません-フレックスボックスを考えています。何か案が？多分それは私が思っているよりももっと簡単ですか？
6
CSSだけで画像カルーセルを作成するにはどうすればよいですか？
ユーザーが矢印をクリックして画像を切り替えることができる画像カルーセルを作成しようとしています。例えば： ただし、使用できるのはHTMLとCSSのみで、JavaScript（したがってjQuery）は使用できません。基本的なセットアップだけが必要です。スムーズな移行などは必要ありません。 これを達成するにはどうすればよいですか？
119 javascript  jquery  html  css 
4
Bootstrapで利用可能なテキスト色クラス
ナビゲーションバーでタイトルとしてテキストを入力して、サインアップページを開発しています。それらのテキストに異なる色を付けたいです。この目的のために、別のCSSファイルを使用していますが、ブートストラップのCSSファイルを使用してこれを実行したいと考えています。 誰かがブートストラップで利用可能なカラークラスをリストできますか？
3
Bootstrap 3 Slide in Menu / Navbar on Mobile [終了]
閉まっている。この質問にはデバッグの詳細が必要です。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 昨年休業。 この質問を改善する 私はブラウザベースのモバイルアプリを構築していて、デザインのcssフレームワークとしてBootstrap 3を使用することにしました。Bootstrap 3の優れた「レスポンシブ」機能はナビゲーションバーにあり、ブラウザの解像度に関する特定の「ブレークポイント」を検出すると自動的に折りたたまれます。多くの状況で機能します。 しかし、最近、多くのブラウザベースのモバイルアプリで、プライマリナビゲーションが画面の左側から非表示になっていることに気づきましたか。右上隅にあるトグルアイコンを押す（トグルする）と、プライマリナビゲーションがスライドして表示されます。画面に入る道の約2/3ですよね？これは、モバイルデバイス上のブラウザーベースのアプリをナビゲートするためのますます人気のあるソリューションであり、理論的には、このバージョンのナビゲーション折りたたみ機能のバージョンに対応するようにブートストラップcss / jsを変更するのはかなり簡単なはずです。 これらの機能はどのように実装できますか？あまり変更を加えるべきではないようです。この件についてのご意見や解決策をぜひお聞かせください。また、Bootstrapを組み込みの機能として実装することは、長期的な解決策になると思います。 残念ながら、私はこれらのテクノロジーに精通している一方で、私は主にPHP / MySQLの開発者であり、これは私が持っていない洞察力を持つ専門家によって構築されるべきであるので、この機能は有用であると信じているため、この機能を作成する試みはしていませんフロントエンド開発者として。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.