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

Ionic Framework
1

Hi All

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

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

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>
2

Yeah thats correct. The Css Border is invisible so it look like there isn’t one. What you need is a Gap, you are using Grid? Then go ahead with this: https://www.google.de/amp/s/www.geeksforgeeks.org/css-grid-gap-property/amp/

Another Info: This Question has nothing to do with Ionic. Of course you can ask here and people (like me) will help you, but a question like this normally can be solved by 2-3 Minute Google Research :blush: