CSS-fråga

[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;
}

[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

[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)">

[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.

[SeniorLemuren]

Löste problemet. Hade ändrat class på fel ställe och fick flytta lite på label.

timepick iput-2.JPG