All Questions
Tagged with border google-chrome
96 questions
-1
votes
1
answer
55
views
How to solve weird corners of rounded borders in CSS?
Consider the following output:
In the output, you can notice weird corners in the username input (extra white-colored edges.) But they do not appear in the password input.
What might be causing this? ...
4
votes
2
answers
9k
views
Chrome extension "Pesticide" doesn't work on local site that I am developing
I am currently learning web development from a Udemy bootcamp 2021 and have a problem accessing one of the tools they are using to show borders on a website for styling. Its called "pesticide&...
- 119
0
votes
0
answers
51
views
White space around bordered elements in navigation?
I'm asking on here because I'm thoroughly fed up of trying to resolve this myself and getting absolutely nowhere. The only solution I've found so far is to remove the border itself but it's probably ...
-1
votes
1
answer
23
views
Google Chrome limits borders of a page with blue dotted lines
Now I'm working on my pet project of a blog using Django. When I run the server in Google Chrome, it shows these blue dotted lines on a page, thus displacing all elements. At the same time, when I ...
1
vote
2
answers
130
views
Google Chrome overlays additional border on top of other border in table
The code in my JSFiddle produces an orange border in a table spanning four columns, but the result is incorrect in Google Chrome, while it’s correct in Firefox:
.tg {
border-collapse: collapse;...
- 1,480
3
votes
2
answers
3k
views
How do I remove the select option black border in Chrome?
As shown in the picture below,
black border is shown when the select option is hover from the chrome.
how can I remove the border?
The code below didn't work.
select{
&:hover,
&:focus ...
- 179
2
votes
1
answer
41
views
Why does `border-collapse:collapse` cause adjacent cells to have a top border when one isn't drawn
I have the following HTML:
<table style="table-layout: fixed;width: 768px;border-collapse: collapse !important;">
<thead>
<tr>
<th colspan="2"></th>
</...
- 4,787
1
vote
0
answers
123
views
Child div left border overlaps parent div bottom border in Chrome with display scaling at 125%
I currently have the following markup an CSS:
.test1 {
border: solid 2px #003C88;
height: 100px;
}
.test2 {
height: 100%;
border-left: solid 8px #FBCE07;
}
<div class="test1"&...
- 8,943
1
vote
0
answers
56
views
Solid Border-left with weird behavior on IE
I created a left border in a table header with CSS using the properties bellow that is working just how I desired on Chrome, but have a bad result/rendenring on IE, leaving the border area and having ...
0
votes
1
answer
47
views
css: Removing "shadows" from covered borders
I'm trying to show a part of a semicircle with CSS and HTML but there is always a little "shadow" that persists around the covered border. This is my codepen that show what I'm saying. The red on the ...
- 321
2
votes
1
answer
2k
views
CSS border in Chrome: strange grey line
I have a problem with a border in Chrome. The green border has some grey lines.
Firefox: not visible -> ok!
Chrome: not visible but visible in the dev tools, mobile phone.
Chrome on my phone: visible
...
0
votes
1
answer
412
views
Safari cutting off dashed borders' first and last dashes
I have an element with a dashed bottom border:
border-bottom: #303030 2px dashed !important;
In Chrome, it nicely gets rendered like this, with the dashes all having the same length:
However, ...
- 5,805
0
votes
1
answer
1k
views
Chrome: inconsistent border-width on objects with opacity
When opacity is applied to an object with a border, it seems like Chrome is inconsistently rendering the border-with. This problem is especially obvious with borders of 1px and occurs when the border ...
- 490
1
vote
1
answer
437
views
Blank space below the border on Chrome
Let's take this extremaly simple HTML/CSS code:
<html>
<head>
<style>
body{
margin:0
}
/* top div which ...
- 152
1
vote
2
answers
3k
views
Flex cut off border when screen scroll
Hi I have following HTML code (here is "working" example)
<div class="layout">
<main class="main">
<nav class="menu">
<div><div class="menu__item">...
- 91.8k
0
votes
1
answer
853
views
Unwanted grey borders below divs (Chrome Android)
I've been trying to fix this bug for days, yet I didn't find a single solution.
On certain levels of zoom (even on my phone with default zoom) I can see grey borders below some divs. I've been trying ...
0
votes
0
answers
136
views
Chrome is wrong displaying border radius if is one of side disabled
I have problem with displaying border-radius in Google Chrome.
Radius is wrongly appearing when is border rule defined globaly for all sides and one/more of side/s is/are disabled.
It simply doesnt ...
- 328
1
vote
0
answers
95
views
How does SVG affect border rendering in Chrome 60 / Windows 7?
Exact chrome version: 60.0.3112.113 64bit.
It happens on my Windows 7 desktop, but I can't reproduce it on my Windows 10 laptop.
This code works fine:
<button style="border-radius: 17px; border: ...
- 91
5
votes
1
answer
1k
views
Border height changes pixel size when zoomed in
The height of the border around an element on my page is changing heights when you zoom in on the page. The border is defined as 1px. I am seeing the resizing issue on Chrome and IE but not Firefox. ...
- 65
1
vote
1
answer
531
views
CSS3 border-image Repeat Not working in Chrome 56
I have an element set with a border image that is not uniform and needs to repeat on edges. Works perfectly in all browsers except Chrome 56.0.2924.76 but fine in newer and older versions of chrome.
...
- 900
1
vote
1
answer
1k
views
border overlapping with empty thead and border-collapse in safari and chrome
In chrome and safari browsers, the border of a td overlaps the previous element when there's an empty thead and border-collapse: collapse;
<div>Hello</div>
<table style="border-...
- 31
0
votes
1
answer
551
views
css textbox border on google chrome
I would like to keep only bottom border of a textbox. Here is my css-
input[type="text"],input[type="password"] {
border:0px;
border-bottom:1px solid black;
}
...
- 7,291
1
vote
1
answer
690
views
Recent border-image-source SVG won't work in Chrome
In one of my websites, I used border-image-source to set a custom border. This was working fine for 6 months or so, but recently it doesn't work in Chrome anymore (you don't see the border anymore). ...
- 309
0
votes
1
answer
70
views
How to make top/bottom borders appear ontop of left/right borders crossbrowser css
I want to style a table spreadsheet like, with vertical grey borders, and horizontal black borders (for sums).
I get what I want in chrome with this: https://jsfiddle.net/m9abo8f6/4/
HTML
<table&...
- 3
1
vote
1
answer
9k
views
Radio Button with rounded shadow on left in Chrome
How do I make the radio button shadow to be rounded in Chrome like how it is displayed in IE? Any help will be appreciated!
IE: (like this)
CHROME: (not like this)
HTML:
<div class="radio">&...
- 989
0
votes
1
answer
181
views
Google Chrome - GridView cell border is not properly displayed
I need to set borders around one specific cell in the GridView. It is done using following code:
gvTrips.Rows[rowIndex].Cells[colIndex].BorderStyle = BorderStyle.Dashed;
gvTrips.Rows[rowIndex].Cells[...
- 7
0
votes
0
answers
131
views
Table borders show up randomly with border: 0
Only happens in Google Chrome browser and only on Microsoft Surface.
The code is as simple as:
https://jsfiddle.net/8fudnx9q/5/
<table id='settings-menu' class='menu'>
<tr>
<td&...
- 3,098
-2
votes
1
answer
95
views
Why does Chrome let background colors overlap borders?
When I run the fiddle in Chrome 49.0.2623.75 on Mac OS X 10.11.3 and adjust the page so that the three colored spans overlap, I'm surprised to see that the green background overlaps the first red span'...
- 4,184
1
vote
3
answers
2k
views
Why doesn't css border-bottom show in these inline divs when applying a fractional height?(Only Chrome)
So I have this jsfiddle:
https://jsfiddle.net/ionescho/4d07k799/4/
HTML:
<div class='container'>
<div class="row"></div><div class="row"></div><div class="row">...
- 1,400
2
votes
1
answer
160
views
CSS Triangle Grainy and Jagged in Chrome
I have added a fiddle with the following code. I am trying to make an orange triangle with borders, but the border is showing jagged in Chrome. Does anyone have any insight? I have added the fiddle ...
- 1,110
0
votes
1
answer
3k
views
Chrome - CSS border not working correctly
I have an inline-block element with text and I want to have it dashed underline. Since I can't set this with text-decoration property, I add border-bottom to the element. But it acts quite strange in ...
0
votes
1
answer
55
views
Remove Selection border in chrome
Hi all I have a screen shot below attached, I have taken that in chrome browser
actually the blue shaded portion is a input type text . I have to remove completely the border for that, I have removed ...
- 7,380
8
votes
3
answers
4k
views
Linear Gradient Background disappears when printing a CSS object with a linear gradient and a border
If you try to print the following page using chrome, you will get a black background. The background can be printed if you delete the border. Please make the test.
Is it a Bug in Chrome ?
<style&...
0
votes
1
answer
746
views
Get rid of a weird box on images in Chrome
I have a weird box showing up around my images in Chrome. There is an example here: http://ulrikhogrebe.com/projects/bbcme.html - if you open it in chrome, and look at the first image under the header ...
- 11
1
vote
3
answers
2k
views
Android Chrome table border issue
I've a problem with border render on Android Chrome browser. You can see yellow hairline borders between cells. But borders in CSS are sets to zero.
This render issue is only on Android Chrome ...
- 65
3
votes
1
answer
1k
views
Chrome 1px border changes depending on window height
I've encountered a really strange bug that exists in Chrome only. I've got a list of links with the equivalent of a 1px border-bottom (I'm using Compass Vertical Rhythm to output borders). In the ...
- 1,297
3
votes
2
answers
3k
views
css border-bottom property does not work in Chrome when using full screen
I noticed that css border-bottom property does not work in Chrome.
So far I've checked on IE 10 and Mozilla. Works fine on these browsers. It works on Chrome when I'm not using full screen though.
#...
- 31
1
vote
0
answers
630
views
Removing the ugly border rendering on box-shadow in mobile Chrome
The problem is following - on mobile Chrome (Google Nexus 5) my box-shadows have an ugly visible border, instead of a seamless transition into background underneath. Is there any way to correct that? ...
1
vote
1
answer
3k
views
Anchor tag Active Effect in Chrome?
I am working on an application which implements a list filled with anchor tags into a list of clickable tabs by wrapping it and the content for each tab in a container. Here is the list, for reference....
- 81
1
vote
1
answer
2k
views
1px border not showing until zoomed in on mobile chrome
Above image indicates the problem - the three boxes have a 1px border around them which doesn't entirely show when on 100% zoom on mobile chrome. The version of Chrome being used is 34.0.1847.114.
...
- 2,961
3
votes
3
answers
2k
views
Weird border on Chrome browser
I have the following table in HTML
<table class="print-table">
<tbody>
<tr>
<td class="border-top border-bottom border-left" colspan="2">1</td>
<td ...
- 2,872
1
vote
0
answers
57
views
100% width div inside in another div, border it's not taken in account, but just in chrome
chrome shows a strange behaviour with a 100% div (in another div). Both use the box-size mode.
The 100% widht div, doesn't take in account the border of the parent, in chrome, but it does in firefox.
...
1
vote
0
answers
116
views
Table exhibit different behavior between ie and chrome, Its height difference 8px
Table exhibit different behavior between Ii and chrome, Its height difference 8px:
.table {
border-top: 1px solid #B1B5BA;
border-left: 1px solid #B1B5BA;
border-collapse: collapse;
}
...
- 127
1
vote
4
answers
189
views
Setting sub-properties of border separately
I want to set the border-style, border-width, and border-color all separately. Particularly, I want to set the default border-style to be solid for the entire document, and set border-width and border-...
- 168k
0
votes
3
answers
5k
views
How can I change the color of a radio button border in Chrome & Firefox using only CSS?
How can I change the border-color of a radio button in Chrome & Firefox using only CSS? I've added the following to my css file and it doesn't change the appearance from the browser default ...
- 724
2
votes
2
answers
13k
views
border css don't work in google chrome?
I got following css code from a tutorial to style an hr tag in firefox.
hr {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: ...
- 41
1
vote
1
answer
3k
views
How do I remove a border on a transparent image overlay which only appears in Chrome at different zoom levels?
Not sure if this is might be a Chrome bug (FF and IE work fine) since I've tried various work-arounds, especially those I found here, but to no avail: Removing the image border in Chrome/IE9
...
- 118
0
votes
1
answer
179
views
border off in internet explorer in only one resolution, works in Firefox and Chrome
I have a border line around a div (box with content). 2px left and right, 3px bottom. This works perfectly fine on Chrome and Firefox. This also works perfectly well in Internet Explorer.. except ...
- 61
1
vote
2
answers
1k
views
Yellow image border in Chrome after click
I am creating an 'add-this' sharing tool for my site. After clicking on the email icon, there is a yellow border around the email icon (only in chrome).
I would like to remove that yellow border. ...
- 59
0
votes
4
answers
176
views
Chromes input border in red
I would like to use this css setting: border-color: red;
For input elements.
But when I do so, the metrics of them differ from the default chrome border.
Please look at this jsfiddle:
http://jsfiddle....
- 394