Override Boostrap Property On Button

HTML-CSS
1

I am trying to override the css property -webkit-tap-highlight-color from my boostrap css file, I made a custom css file but it is not overriding my boostrap, I get a 404 error. What am I missing?

index.html

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="custom.css" rel="stylesheet">

custom.css

.searchButton {
    -webkit-tap-highlight-color: none;
}
2

This means the web server could not find the file. Is the custom.css file in the same directory as the HTML file?

3

Yes it is I am using react and it is in the public directory.

4

How are you telling react to include the CSS file in the public directory into your project? Have you used dev tools to see what path your page is using for that CSS file? Also, if it is possible to give us a link to your project that would make it much easier to help you.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.