Veränderung input-element suchen

Ist es möglich einem input-HTML-element mit dem Wert zu schauen, wie ein text in einem div mit CSS? Die Grenze verschwinden und machen die Hintergrundfarbe des gleichen Eingang wie die Seite, die backgound Farbe.

  • du meinst input Textfeld ist nicht leer, oder alle Eingabe-Textfelder.
InformationsquelleAutor user256034 | 2011-03-21
  1. 3

    Wenn ich das richtig verstehe: ja.

    Finden Sie unter: http://jsfiddle.net/zaK7j/

    Test-CSS:

    input, div {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    font: 13px sans-serif
}

    HTML:

    <input type="text" value="Yes." />
<div>Yes.</div>
    • kannst du nicht target type='text' mit einem pseudo-Selektor?
    • Ja, Sie können, aber einige der älteren IEs (ich habe vergessen, welche, aber es kann nur IE6, also es ist in Ordnung) Sie nicht verstehen. Sie sind mächtig praktisch, aber!
    • in Chrom, wie können Sie entfernen Sie die "Schatten nach innen" und die "hervorgehoben, wenn Sie fokussiert" aus dem input-Feld?
    • outline: 0; }.
    InformationsquelleAutor thirtydot
  2. 2
    input[type=text], textarea {background:none;border:0;padding:0;margin:0;}

    Reset von Ihrem input und auch Ihrer textarea.

    Edit: Beachten Sie, dass dies funktioniert im IE7 und höher.

    • background:none wahrscheinlich macht mehr Sinn als hier background: transparent. Ich vergesse immer über background:none (+1).
    InformationsquelleAutor easwee
  3. 0

    Könnte man mit der CSS -

    input{
    border: none;
}
    • Dies würde machen Sie alle Angaben verlieren Ihre Grenze, die Sie brauchen, um ein Attribut-Selektor
    • Ja, dies ist die grundlegende html - /css-combo.
    InformationsquelleAutor Tim B James
  4. 0

    Ihre htlm, wie ich vermute : 

    <div>
    <input type="text" value="some text"/>
</div>

    Und Ihre css : 

    div {
    background-color: olive;
}
input[type=text] {
    border: none;
    background-color: olive;
}
    • Ihre selector-reset alle Eingänge - wählen Sie nur diejenigen mit text-Wert.
    InformationsquelleAutor Yoann
Schreibe einen Kommentar