Can not get a transparent boarder around a column. Css help?

@aardra wrote:

Hi All

I have a grid with rows and columns, where i can get a white boarder as shown below.

But i want to make it transparent.
My original css is

.datecol{
    background-color: #464340;  
    font-size: 12px;     
    color: #f4f5f8;  
    height:60px;     
    border-color: white;
    border-width: 3px; 
    border-style:solid            
}

If i make it transparent by changing the css file to

.datecol{
    background-color: #464340;  
    font-size: 12px;     
    color: #f4f5f8;  
    height:60px; 
    border-color:transparent;
    border-width: 3px; 
    border-style:solid             
}

I get the following output.

My html code is

     <ion-col class="datecol">
        <ion-label>Start Date:</ion-label>
        <ion-datetime name="a" displayFormat="MMMM/DD/YYYY" min="2019-01-01" max="2022-12-31" [(ngModel)]="StartDate"
          value="StartDate"></ion-datetime>
      </ion-col>
      <ion-col class="datecol">
        <ion-label>End Date:</ion-label>
        <ion-datetime name="b" displayFormat="MMMM/DD/YYYY" min="2019-01-01" max="2022-12-31" [(ngModel)]="EndDate"
          value="EndDate"></ion-datetime>
      </ion-col>
    </ion-row>

Posts: 1

Participants: 1

Read full topic