Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>The problem is coming from the table output by .NET - it contains this style definition:</p> <pre><code>border-collapse:collapse; </code></pre> <p>By disabling this rule (using Firefox with Firebug) the border displays correctly for "Today" - of course, this means that every cell has a border, so you have two 1px borders next to each other, which makes all of the cells appear to have a 2px border, which probably isn't what you want.</p> <p>Another possible solution is to adjust the anchor instead - like this:</p> <pre><code>&lt;TodayDayStyle CssClass="today"/&gt; </code></pre> <p>With this css rule:</p> <pre><code>td.today a { border: 1px solid Red; display: block; width: auto; height: 24px; padding: 4px 0 0 0; } </code></pre> <p>Again, this isn't perfect as the red-border appears INSIDE the existing gray border.</p> <p>Another solution would be to use a highlighted background instead...</p> <pre><code>&lt;TodayDayStyle BackColor="Red" ForeColor="White"/&gt; </code></pre> <p>The problem you have when trying to solve this is that you can't control the HTML being generated for the calendar - it's being invented magically by the calendar control - so all the proper fixed you'd normally do in HTML and CSS aren't necessarily available. I hope one of these suggestions helps though.</p> <p><strong>UPDATE</strong>: If you want to put the red border right next to the gray border with no gap, you can change your css rules as follows:</p> <pre><code>td.today { padding: 0; } td.today a { border: 1px solid Red; display: block; width: auto; height: 24px; padding: 3px 0 0px 0; } </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload