Hi,
ich nutze bootstrap zum stylen meiner Website. Ich habe nun eine Tabelle und möchte Werte einzelner Zellen durch einen Klick ändern können und nach Enter drücken die Änderung speichern.
Ich habe also in allen <td> ein <input disabled="disabled" /> mit folgenden css Eigenschaften:
Damit kann man das input praktisch nicht sehen. Auf Klick verändert sich der Hintergrund auf weiß und das input wird 'enabled'
Nun ist das input Element allerdings immer 170px breit, auch wenn ich die 'width' auf auto 'stelle'. Ich möchte aber, dass das input nur so groß wie der enthaltene Text, oder zumindest die Tabellenzelle, nicht aber 170px breit ist. Wie kann ich das stylen?
Vielen Dank für eure Hilfe
ich nutze bootstrap zum stylen meiner Website. Ich habe nun eine Tabelle und möchte Werte einzelner Zellen durch einen Klick ändern können und nach Enter drücken die Änderung speichern.
Ich habe also in allen <td> ein <input disabled="disabled" /> mit folgenden css Eigenschaften:
Code:
padding: 0;
margin: 0;
border: none;
background: none;
display: inline;
Damit kann man das input praktisch nicht sehen. Auf Klick verändert sich der Hintergrund auf weiß und das input wird 'enabled'
Nun ist das input Element allerdings immer 170px breit, auch wenn ich die 'width' auf auto 'stelle'. Ich möchte aber, dass das input nur so groß wie der enthaltene Text, oder zumindest die Tabellenzelle, nicht aber 170px breit ist. Wie kann ich das stylen?
Vielen Dank für eure Hilfe