Sida 1 av 1
CSS-fråga
Postat: 12 juni 2019, 00:12:56
av SeniorLemuren
Jag har följande css för att ändra bakgrundsfärg och border när det blir felinmatning och detta funkar.
Kod: Markera allt
.has-error input[type="text"],
.has-error select {
border: 1px solid #000000;
background-color: rgb(250, 74, 74);
}
Jag vill även ändra färg på texten för placeholder. så jag lade till sista raden color, men det funkar inte. Texten har samma text som innan.
Kod: Markera allt
.has-error input[type="text"],
.has-error select {
border: 1px solid #000000;
background-color: rgb(250, 74, 74);
color: rgb(255, 255, 255) !important;
}
Re: CSS-fråga
Postat: 12 juni 2019, 00:52:46
av papabear
Kod: Markera allt
.has-error::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #FFF;
opacity: 1; /* Firefox */
}
.has-error:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #FFF;
}
.has-error::-ms-input-placeholder { /* Microsoft Edge */
color: #FFF;
}
edit: lade på .has-error
Re: CSS-fråga
Postat: 15 juni 2019, 11:10:39
av SeniorLemuren
Lite fler frågor. Min time picker input set ut så här:
timepick iput.JPG
Det är ju ingen höjdare direkt. Jag har försökt med CSS så här:
Kod: Markera allt
.datetimepicker-input {
text-align: center;
width: 30% !important;
background-color: rgba(192, 188, 188, 0.986);
}
text-align fungerar
backgroun-color fungerar
men hur jag än skriver så är input lika jävla stor.
Har även testat med bestämt antal px, men nej, den är oberörd av försök att ändra bredd. Skulle gärna vilja ha label ovanför input också, men hittar inte någon lösning på det heller, har även testat med <br /> i html. Alla andra input jag har som inte är time picker kan jag få precis som jag vill via CSS men när time picker blir inblandad så blir det konstigt.
Edit: Själva input i HTML ser ut så här:
Kod: Markera allt
<input type="text" class="form-control datetimepicker-input"
data-target="#datetimepicker-2" id="event_start_time"
name="event_start_time"
placeholder="Enter event starttime (HH:MM:SS)">
Re: CSS-fråga
Postat: 15 juni 2019, 11:36:41
av SeniorLemuren
Problemet med width löste sig. Jag tog bort classen form-control.
timepick iput-1.JPG
Problemet med att få radbryt mellan label och input kvarstår.
Re: CSS-fråga
Postat: 15 juni 2019, 12:39:00
av SeniorLemuren
Löste problemet. Hade ändrat class på fel ställe och fick flytta lite på label.
timepick iput-2.JPG